东风汽车：定制你的专属freestyle

2017-09-20 H5案例分享 H5案例分享

案例：定制你的专属freestyle

出品：东风汽车

亮点：

策划上，这是由东风汽车为宣传本公司的产品骐达汽车所打造的一款宣传h5，在这款h5中，通过用户点击、震动进行不同人物的freestyle，等freestyle欣赏完之后便通过上传相应的信息进行打造属于用户自己的freestyle。
设计上，这是一款以视频为主的h5，也是一款上传生成类的h5，全款h5以炫酷的音频作为背景音乐，场景炫酷又活泼，是一款很不错的h5。
技术上，这款h5以jQuery技术进行搭建整款h5的矿建，以Shake.js技术进行控制手机的重力感应，以Rem.js技术进行整款h5的适配，以Pixi.js+Canvas技术进行整款h5动画的制作和渲染。

技术实现： jQuery+Rem+Pixi+Shake+重力感应+Canvas

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

识别图中二维码

定制你的专属freestyle-查阅二维码

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

标签