vivo：我们i音乐_H5案例分享

vivo：我们i音乐

2016-09-30 H5案例分享 H5案例分享

案例：我们i音乐

出品：vivo

亮点：

策划上，3D全景+重力感应+互动体验，加载完成后，首屏是宣传海报，提示框内滚动显示品牌相关消息，然后一个动画效果，进入到3D场景，360度旋转手机，全景观看，按照场景提示操作，不同场景会播放不同的音乐，美妙的音乐世界，在场景中的很多元素上设置了品牌LOGO，实现宣传推广，点击“查看详情”跳转到官方微博
交互上，点击、滑屏、360度旋转手机进行全景观看，晃动手机控制元素移动
设计上，人物采用漫画风格，整个场景色彩缤纷，传递青春活力的气息
技术上，全景观看使用了HTML5重力感应

技术实现： Zepto + 重力感应

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

识别图中二维码

我们i音乐-查阅二维码

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