雅迪：能装，才会赢

2017-12-21 H5案例分享 H5案例分享

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

识别图中二维码

能装，才会赢-查阅二维码

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

案例：能装，才会赢

出品：雅迪

制作：微云客

亮点：

策划上，以一段2分22秒的视频为主。视频中讲了两个年轻妈妈（死对头）在超市偶遇（撕逼）的故事。故事从晒娃开始，转入晒丈夫，进而聊到孩子辛苦，丈夫不易。买了一堆东西“补身体”，最后发现“死对头”的电动车装不下了，而女主使用的雅迪电动车却能装下，品牌露出。
设计上，黑白卡通画风格，中间撕逼阶段模仿格斗游戏风格，上面还配有“血条”，很逼真。
体验上，很真实，也很搞笑。模仿的也比较像，例如，格斗游戏阶段，设计了“聚气”， “大招”等细节。一点不足是，在视频和页面转换的时候时有卡顿（Android环境）。
技术上，使用了白鹭引擎以及tween + eui插件，使动画更加流畅。

技术实现： egret.js + tween.js + eui.js

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

标签