腾讯公司：今天是你人生的第几天？

2018-01-12 H5案例分享 H5案例分享

案例演示，请长按/扫描以下二维码 ->

识别图中二维码

今天是你人生的第几天？-查阅二维码

完整欣赏此案例大约需要2分钟

案例：今天是你人生的第几天？

出品：腾讯公司

亮点：

策划上，本文以折纸飞机“我想长大”的形式展开，通过长按屏幕依次进入人生三个阶段，第一阶段是孩童时期在校园雨中漫步的场景，“我要实现梦想，奔向远方，外面的世界，正等我去勾勒精彩”；第二的阶段是青年时期在机场告别亲人远行的场景，“我要足够强大，披荆斩棘，活成自己想要的模样，未来加油！”；第三个场景是工作，漫漫长夜，片片雪花，一盏小灯，伴着认真工作的他。之后点击进入生日选择界面，生成自己的时光来信，引出人生的真谛“爱你所爱，行你所行，听从你心，无问西东”，旨在宣传电影《无问西东》。
设计上，手绘动画，搭配三段平静的音乐，直白易懂。
交互上，生日内容的输入调用特殊的输入框，可直接输入数字，与常规调用微信输入法相比更加简单；长按屏幕展开全景，可随意调整播放速度，更加的人性化。
技术上，采用canvas将画面分为一个个小元素，createjs构建动画。

技术实现： canvas +createjs

以上为“H5案例分享”团队原创文章，转载请注明出处！

标签