京东：CITY OF CUBE_H5案例分享

京东：CITY OF CUBE

2018-06-27 H5案例分享 H5案例分享

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

识别图中二维码

CITY OF CUBE-查阅二维码

案例：CITY OF CUBE

出品：京东

亮点：

策划上，借助京东618 JD CUBE大会，通过魔方转动，展现京东黑科技，让用户更好体验未来科技的魅力。首先是序列图动画的形式，展示了一个科技城市，而后呈现出一个魔方，滑动魔方，显示了4个立体的城市图，还配有黑科技的使用介绍。最后询问，想不想看看，你的未来生活的样子，输入昵称和选择颜色，给出一个改颜色的未来科技的海报。
设计上，C4D动画。
技术上，图片序列帧展示动画。

技术实现： howler.js(HTML5声音引擎) + zepto

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