七袍茶的H5宣传案例——中秋的正确打开方式

案例:中秋的正确打开方式
出品:七袍
亮点:
策划上,通过“聚”“独”两种状态,体现中秋的不同状态,也是生活中的不同状态,达到共鸣
视觉上,黑色主色调,使用黑色剪影视觉效果
交互上,横向滑动屏幕切换屏幕。对比的时候,翻转手机180度,切换状态,非常有特色
技术上,动画是通过js实现。手机翻转180度,切换状态使用的是HTML5的重力感应deviceorientation实现
技术实现: canvas + jQuery
案例演示,请长按/扫描以下二维码 ->
识别图中二维码
关注微信号:h5-share,获取更多牛逼H5案例分享!

微信扫一扫
关注该公众号
收藏