vanke万科：全佛山看过来，见证一座城市的蝶变！

2017-03-27 H5案例分享 H5案例分享

案例：全佛山看过来，见证一座城市的蝶变！

出品：vanke万科

亮点：

策划上，粒子变换类，以城市为切入点，采用粒子散射聚合的效果，通过动态交互，带领用户一步步从过去带入现代，灵活生动地展现了一座城，一方水土一方人，一段百年传承，一处人杰地灵，一份基业长青，一次颠覆创新的蜕变，一段化茧成蝶的历程，继而释放出佛山万科三好发布会的信息，填写个人信息，提交申请，即有机会获得发布会的尊贵席位。
设计上，科技风格，采用金色作为主色调，深蓝色星空作为背景色，粒子变换充满科技感。
技术上，这支H5中的粒子变换主要是采用Canvas+ lufylegend利用逐帧动画来实现的

技术实现： Zepto + Swiper + lufylegend

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

识别图中二维码

全佛山看过来，见证一座城市的蝶变！-查阅二维码

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

标签