华润置地：回溯时光重拾城长

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

案例：回溯时光重拾城长

出品：华润置地

亮点：

策划上，这是由华润置地为宣传本公司的房地产所打造的一款宣传h5，也是一款如同观马灯似的界面，用户通过左滑动使得页面前进，右滑动使得页面后退，点击屏幕可使得页面暂停，在页面依据时间的顺序向用户一点一滴的介绍着，中间夹杂着温柔安静的音乐，造就了这一款很有艺术性、很独特的h5.
设计上，这是一款长图类的h5，整款h5都是以红色为背景色。
技术上，这款h5以Easeljs.js技术搭建整款h5的框架，以Tween.js+Three.js+Canvas技术进行全款h5动画特效的展示，以Preload.js进行相关内容的预加载。

技术实现： Easeljs+Tween+Preload+Three+Canvas

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

识别图中二维码

回溯时光重拾城长-查阅二维码

完整欣赏此案例大约需要1分48秒

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

标签