The North Face 北面：野出来才能练出来

2016-10-24 H5案例分享 H5案例分享

案例：野出来才能练出来

出品：The North Face 北面

亮点：

策划上，观看视频+图片合成。横屏观看，载入完毕进入页面，有四位健身教练正在运动的动态图，选择一位可观看与他相关的视频，视频播放完毕，可以“点击牛人装备拿福利”，可以选择观看“更多野练视频”，或者“发现野练神器”，选择后者后又竖屏观看，用户可上传照片，选择贴图后，点击确认合成图片，就可晒出你的野练神器。
设计上，每位“教练”都有各自的视频，不一样的野练神器，图片合成部分可供选择的贴图也很多，各贴图的设计也很好看，耐玩性很高。
体验上，小编看代码的时候发现引入了超多JS文件，以为在手机上肯定会很卡，但是出奇的流畅。视频部分很人性化，设置了可以跳过。交互上一开始要求横屏，后来又返回竖屏，看起来很繁琐，但在这么高的可玩性面前，应该会忽略这些小细节吧。

技术实现： jQuery + CreateJS

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

识别图中二维码

野出来才能练出来-查阅二维码

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

标签