知乎：十万想法攻占地球

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

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

识别图中二维码

十万想法攻占地球-查阅二维码

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

案例：十万想法攻占地球

品牌：知乎

技术实现： Zap+Flexible+Canvas

亮点：

策划上，这是由知乎为宣传“我有一个想法”活动所打造的一款宣传h5，在这款h5中，用户可通过旋转3D地球去找寻发光点，也可以从任意一个发光点点击进去后，通过点击左右按钮进行找寻其他发光点，每一个发光点代表着地球上一个人的想法。
设计上，这是一款3D全景h5，整款h5以宇宙蓝为主要背景颜色。
技术上，这款h5通过Zap.js这一款轻量级的jQuery框架搭建整款h5，以Flexible.js技术进行适配，以Canvas动画进行展示3D全景图和其他动画效果。

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

标签