海航日月广场：日月广场开幕邀请函

2017-07-31 H5案例分享 H5案例分享

案例：日月广场开幕邀请函

出品：海航日月广场

亮点：

策划上，3D全景+重力感应，① 加载完成后，出现日月广场盛大开幕消息提示的放大动画；② 然后动画渐隐，出现转场动画进入到3D场景，而后采用移动手机的方式，观看全景；③点击全景里的小图标，即可看到相关的日月广场介绍，分享出去还有好礼相送哦。
设计上，人物采用漫画风格，整个场景色彩缤纷，传递热闹繁荣的气息
交互上，观看全景观看可采用720度旋转手机或滑动屏幕的方式。
技术上，旋转手机看全景观采用的是HTML5重力感应；3D场景实现采用的是css3d-engine（css 3d引擎）。

技术实现： Zepto + css3d-engine

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

识别图中二维码

日月广场开幕邀请函-查阅二维码

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

标签