China Telecom 中国电信：天翼视讯-厉害了我的天

2016-11-29 H5案例分享 H5案例分享

案例：天翼视讯-厉害了我的天

出品：China Telecom 中国电信

亮点：

策划上，图文展示+全景。一开始模拟了天翼视讯APP的界面，按照提示点击屏幕后，是一段神11飞天的动画，接下来进入太空环境，用户可以360度旋转手机或滑动屏幕来查看环境，环境中有“伴随卫星”等组件，点击一个会弹窗介绍相关信息，并提示点下一个，点击最后一个则会有“神舟归来”的动画。最后一页可以选择“重游太空”再玩一遍，或者“召唤好友”，或点击“天翼视讯回放”跳转到下载页面。
设计上，手绘风格，全景环境中的各个元素，均以手绘的形式展现，画面非常有表现力。飞船升天和回归是都有音效，背景音乐很动感充满科技感。
体验上，动态的全景环境，地球一直在转动，背景还有流星划过，整体比那些纯静态的全景H5更生动。

技术实现： THREE.js + Pano.js + Zepto

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

识别图中二维码

天翼视讯-厉害了我的天-查阅二维码

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

标签