taobao.com 淘宝网：1212淘宝亲亲节

2016-12-02 H5案例分享 H5案例分享

案例：1212淘宝亲亲节

出品：taobao.com 淘宝网

亮点：

策划上，进入页面，镜头从远慢慢拉近，当以为又是一个一镜到底的H5案例时，画面到了一个螺旋形的“转转城”（小五词穷不知道该起个什么名字好），总之看起来就像盘山公路一样，左右滑动屏幕，转转城开始转动，画面整体也会随着上升或下降。从12月一日开始，每天都有不同的主题和内容，用户可以点开查看，最后到12月12日，画面到达转转城顶部，点击上方的Logo可以查看转转城整体外貌。

设计上，画面色彩和内容都非常丰富。从第一天开始转，经过12天才能到达顶部，每一天都有不同背景色调，不同的主题和内容也会相继出现。画面的远近表现很到位，3D立体感很赞，配合活力十足的背景音乐，整体效果非常炫酷。

技术实现： PlayCanvas.js + jQuery

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

识别图中二维码

1212淘宝亲亲节-查阅二维码

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

标签