海尔冰箱：黑科技研究所

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

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

识别图中二维码

黑科技研究所-查阅二维码

完整欣赏此案例大约需要1分40秒

案例：黑科技研究所

出品：海尔冰箱

亮点：

策划上，海尔冰箱宣传的H5。通过黑科技研究所，从陈列的12种食材中，任选一种，拖放到保鲜盒。出现对食材的营养分析，黑科技冰箱和普通冰箱的保鲜对比，以及一些冰箱信息的介绍，最后显示黑科技冰箱就是海尔冰箱。
技术上，使用CSS3的animation和transform来实现动画，使用canvas实现拖拽效果。

技术实现： jQuery + pixi.js

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

标签