海尔顺逛：上帝大爆炸
案例：上帝大爆炸
出品：海尔顺逛
亮点：
- 策划上，简笔动画。Loading完毕，点击开始播放动画，动画以图片序列+CSS样式+音频播放的形式展现。案例讲述主人公是上帝本帝，然而常常会忘了自己是谁，但是因为诸如极差的购物体验等原因，很生气的同时想起来自己是上帝。此时用户需要选择“看他一键毁灭地球”或者“安慰上帝”，若选择前者，人类会灭亡，并提示给你一次后悔的机会，若选择后者，则随后可以选择“为他定制”、“召之即来”或“帮他赚钱”按钮来安慰上帝，并可以填写信息，上帝看谁名字顺眼就会送一个小家电哦。
- 设计上，简笔动画，背景是一个揉得很皱后摊开的纸，画面整体看上去非常魔性。配音是一个很磁性又很逗比的男声。
- 体验上，整体节奏很“日和”，故事和画面都很魔性而有趣，小五体验时，案例音频的加载很到位，所以即便不是视频的形式，也做到了音画同步。除了强迫症可能无法看很久的背景之外，整体上小五觉得还是非常有吸引力的。
技术实现： jQuery + CSS3(Animation)
案例演示，请长按/扫描以下二维码 ->
识别图中二维码
完整欣赏此案例大约需要1分钟
以上为“H5案例分享”团队原创文章，转载请注明出处！
标签
关注微信号：h5-share，获取更多创意H5案例分享！也可访问H5案例分享网站www.h5anli.com，搜索查阅~
微信扫一扫
关注该公众号
京公网安备 11010802030403号
