知乎:十万想法攻占地球

案例演示,请长按/扫描以下二维码 ->
识别图中二维码
完整欣赏此案例大约需要1分30秒
案例:十万想法攻占地球
品牌:知乎
技术实现: Zap+Flexible+Canvas
亮点:
- 策划上,这是由知乎为宣传“我有一个想法”活动所打造的一款宣传h5,在这款h5中,用户可通过旋转3D地球去找寻发光点,也可以从任意一个发光点点击进去后,通过点击左右按钮进行找寻其他发光点,每一个发光点代表着地球上一个人的想法。
- 设计上,这是一款3D全景h5,整款h5以宇宙蓝为主要背景颜色。
- 技术上,这款h5通过Zap.js这一款轻量级的jQuery框架搭建整款h5,以Flexible.js技术进行适配,以Canvas动画进行展示3D全景图和其他动画效果。
以上为“H5案例分享”团队原创文章,转载请注明出处!
标签

微信扫一扫
关注该公众号