这支抖音H5全是高知彩蛋,你找到了多少个?

企业项目已上线2019-03举报1362

这支抖音H5全是高知彩蛋,你找到了多少个?

扫描,分享朋友圈

这支抖音H5全是高知彩蛋,你找到了多少个?

信息创造价值。在信息创造的诸多价值中,传播知识尤其是向大众传播知识具有最深远的意义。

抖音宣布启动“DOU知计划”,树立科学思想,崇尚科学精神,助力全民科学素质提升。我们也与抖音一起为此次活动制作了一支预热H5,这是一支充满“彩蛋”的H5。

扫描二维码,探索自然科学!
(数英App用户需点击放大二维码后,长按识别)
这支抖音H5全是高知彩蛋,你找到了多少个?

创意的诞生

 一开始接到brief,客户希望通过这支H5吸引更多理工科硕博生、科普工作者参加抖音科普大赛。结合目标用户的喜好,我们决定制作一支只有高知人群才能通关的解谜类H5,客户也十分赞同我们的想法。

但“知识的普惠”是活动的核心,客户内部最终决定让更多普罗大众也共同参与进来。所以我们将题目及玩法的难度降低,同时客户要求问题的设置要基于自然科学领域,而且需要从抖音科普大v发布的科普视频中进行筛选。

于是我们开始下一步工作——观看抖音短视频!在眼睛奋战几个小时后,我们在几百个视频中发现了很多有趣好玩的知识点,经过重重筛选,将选中的知识点设置成以下四道题。

这支抖音H5全是高知彩蛋,你找到了多少个?
这支抖音H5全是高知彩蛋,你找到了多少个?

题目有了,那展现形式呢?为了增加互动性及趣味性,我们从以往的答题类H5中跳脱出来,将每道问题以解谜类游戏的方式呈现。

知识是无穷无尽的,就如浩瀚宇宙般,同时借势近期大热的科幻题材,我们决定采用宇宙星球作为H5主体元素,整体风格以科技未来感为主。

这支抖音H5全是高知彩蛋,你找到了多少个?


具体内容设计

我们将生物学、天文学、物理学、化学分别设计成四个不同的星球,为了更好的区分,采用具有代表性的图标作为识别符号,同时也对每个星球进行命名。

这支抖音H5全是高知彩蛋,你找到了多少个?

每个星球内都是不同的场景设定,而且场景内充满了细节元素及小彩蛋,让用户在体验时获得惊喜感。(以下内容涉及通关攻略,体验完H5后观看更佳哦)


远祖星球

第一个关卡比较简单,用户需要在场景中找出人类的祖先,也就是皮卡虫。

我们也在场景中融入其他生物进行混淆视听,而且根据每个生物的特点设计了不同的交互动画。如在设计猛犸象的动画时,我们将保护动物的倡导融入其中,设计猛犸象长出珍贵的象牙,同时发出倡导“没有买卖,就没有伤害”。

这支抖音H5全是高知彩蛋,你找到了多少个?


时空星球

这道题目的通关攻略就是拖动黑板擦,将黑板上的月球擦除。但我们在体验版进行测试后发现,由于第一道题的最终结果是点击操作,导致用户在此关卡也下意识进行点击,不知道进行拖动操作,所以我们基于用户体验第一的准则,在黑板擦上增加了箭头提示,降低难度。

场景内也埋着各种彩蛋,在GEB书中,夹着“42”的书签,这是宇宙最神奇的数字,也是科幻迷才懂的梗;点击钢琴,会出现一小段巴赫的平均律;望远镜中藏着外星人;黑板上有人类首次登月的标记及时间等等。

这支抖音H5全是高知彩蛋,你找到了多少个?


原力星球

要让超导体悬浮于磁性轨道,就需要倾倒液氮,对超导体进行降温后,即可悬浮起来。同样在用户体验测试后,我们在液氮元素上增加了冒烟动效进行凸显,降低通关难度。

我们也在场景中埋了各种彩蛋,薛定谔的猫;芝诺的乌龟;辉光管时钟;牛顿摆等等。

这支抖音H5全是高知彩蛋,你找到了多少个?


魔力星球

这道题我们一开始的设定是将答案隐藏在纸上,用户只要点燃酒精灯,即可过关。但为了可玩性更高一些,我们加大了一点难度,在点选时设置了先后顺序,需要先点击牛奶,再点击酒精灯才能成功过关,你get到了吗?

为了混淆视听,我们在场景中加入了门捷列夫和居里夫人的肖像。贱兮兮地问一句,你们是不是一开始就选择了门捷列夫?(偷笑ing)

这个场景也同样少不了有趣的交互动画,如门捷列夫调皮地拿出元素周期表,居里夫人将元素结构式戴在眼睛上。

这支抖音H5全是高知彩蛋,你找到了多少个?

每个场景中还有其他有趣的小彩蛋,在这就不多做介绍了,你们可以好好探索一下。

为了让用户能成功通关,我们在每个场景中设置了提示,当用户在15s后仍解答不出时,球上的图标会转变成tips,可点击查看。

3.jpg
4.jpg

每道题过关后,我们也会对相应的知识点进行科普。

4.jpg
44.jpg


DOU知星球

这是整个H5的最后一道题,看似最难其实最简单,现在敲黑板划重点啦,不懂的同学集中精神!

“万物皆虚,万事皆允”源于游戏《刺客信条》,此格言表达的是:世间万物无常,总不会维持同样的状态,因此不应过于被旧有的思想所控制;当身处困境时,要记住总会有另一条路。

所以这道题无论你输入什么答案,只要勇敢点击确认,即可通关,意不意外,惊不惊喜!同时,这句话也点明了整个H5主题,勇于冒险,多去尝试,世界万物的奇奥,只等我们去探索!


交互设计

我们希望用户在打开H5后,从loading页就可以玩起来,所以将这支H5的loading页设计成神秘的纵深空间,技术上运用了陀螺仪功能,当摆动手机时,形成视觉差,纵深空间运动起来。

为了让解谜交互的过程更加流畅,我们采用了2D游戏引擎进行代码编写。而且这次的素材文件多且大,我们也通过技术在保证素材质量的同时进行了极限压缩。

最后问一句,分享页上的题目大家都解出来了吗?(PS:打开抖音搜索“20190321”即可揭晓答案)

抖音

treedom 深圳

稊米Timi

Jie豪- GAFA

 

这支抖音H5全是高知彩蛋,你找到了多少个?

扫描,分享朋友圈