天猫 Tmall：天猫扭蛋机
案例：天猫扭蛋机
出品：天猫 Tmall
亮点：
- 策划上，情景+小游戏展示天猫商品。首先，展示了一个小故事，主人公是一名女孩（很符合天猫的用户群），下班回家，拖着沉重的步伐，倒在了床上；而后，是梦境，是幻境，进入了一个奇妙的世界，穿越过花花绿绿的街道，面前展示了一台扭蛋机；用户点击扭蛋机上的按钮，随机展示十件商品中的一件商品。
- 设计上，霓虹灯效果，这支H5的设计风格，像极了以前天猫推出的《首个手机话剧团开张了》
- 技术上，很好看的动画效果，通过视频video来实现，但是只用了一支mp4格式的视频。动画间的切换，使用视频的暂停，播放到指定帧来实现。
技术实现： Zepto + hammerJS （移动端手势库） + video（视频）
案例演示，请长按/扫描以下二维码 ->
识别图中二维码
以上为“H5案例分享”团队原创文章，转载请注明出处！
标签
关注微信号：h5-share，获取更多创意H5案例分享！也可访问H5案例分享网站www.h5anli.com，搜索查阅~
微信扫一扫
关注该公众号
京公网安备 11010802030403号
