正泰：理想生活有“泰”度

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

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

识别图中二维码

理想生活有“泰”度-查阅二维码

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

案例：理想生活有“泰”度

出品：正泰

制作：微云客

亮点：

策划上，开头一段34秒的过长视频讲了从上帝创世纪，到火，电的利用，到如今多彩的生活。然后是一个游戏，通过控制小人前进避免踩到拆插线板，最后得分高者获奖。最后可以查看排行榜，或者进入天猫，京东活动页。
设计上，多元素融合卡通。痛过黑白与彩色的变换来体现时代进步。
交互上，视频结束后，长按按钮进入游戏。游戏中，通过按按钮时间来决定小人迈腿的远近。。
技术上，使用tween.js来实现游戏的动画过渡，使用白鹭引擎实现游戏逻辑规范。

技术实现：白鹭引擎 + exif.js + JSMpeg.js + partical.js + tween.js

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

标签