天猫：地球上的另一个你
案例：地球上的另一个你
出品：天猫
亮点：
- 策划上，重力感应类，主要讲述的是是理想与现实，抬头看是理想，低头看是现实，理想是你眼中欣赏别人的风景，但现实是你本身也是别人眼中的风景，在生活中不停地转转转，一个人的时候更要对自己好一点，快来6.18天猫理想生活狂欢节，上天猫转一转。
- 设计上，写实风格，展现现实生活的画面色彩较重一些，理想生活的画面比较清亮，都在不同的转转转，但画面的重合性比较好，看起来一点都不违和。
- 交互上，向上移动手机模拟抬头看理想画面，向下移动手机模拟低头看现实画面，利用重力感应来达到其交互效果
- 技术上，这支H5主要是采用Canvas + CreateJs来实现的，重力感应采用的是OrienterJs。
技术实现： jQuery + CreateJs + OrienterJs
案例演示，请长按/扫描以下二维码 ->
识别图中二维码
以上为“H5案例分享”团队原创文章，转载请注明出处！
标签
关注微信号：h5-share，获取更多创意H5案例分享！也可访问H5案例分享网站www.h5anli.com，搜索查阅~
微信扫一扫
关注该公众号
京公网安备 11010802030403号
