CCTV6：cctv6电影之夜

2017-01-06 H5案例分享 H5案例分享

案例：cctv6电影之夜

出品：CCTV6

亮点：

策划上，3D类，首屏通过浩瀚的宇宙表达出主题光与影的传奇，向上滑屏后开启动画的自动播放，点击屏幕可控制播放速度；内容上从佳片有约中播放的影片展示，再到优秀演员的形象展示，最后还可点击测试你的佳片指数。
设计上，星际风，采用宇宙星空做背景，场景由远及近，立体感十足，还有各位大咖，星光熠熠，不容错过。
技术上，这支H5的3D场景搭建采用的是Canvas + threeJs。

技术实现： Zepto + threeJs

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

识别图中二维码

cctv6电影之夜-查阅二维码

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

标签