保时捷：咔嚓！捕捉迅疾魅影这条 H5 的速度太忄忄忄忄忄忄忄夬了

2017-10-31 H5案例分享 H5案例分享

案例：咔嚓！捕捉迅疾魅影这条 H5 的速度太忄忄忄忄忄忄忄夬了

出品：保时捷

亮点：

策划上，听音小游戏类, ① 保时捷即将征战上海6小时耐力赛车速太快，摄影师竟无法捕捉它的身影，保时捷招募王者摄影师，时间紧迫，等你来挑战！② 共有三关，请将手机音量开到最大，点击“开始挑战”去感受保时捷赛车引擎的澎湃咆哮，在音量最大时，点击屏幕捕捉保时捷迅疾身影；③ 三关过后，若挑战成功即可获得保时捷王者摄影师称号，反之，则需再接再厉，重新挑战了。
设计上，炫酷风格，采用金色作为主色调，黑色作为辅色调；闪动错位的按钮和呼啸而过的汽车声音，都给人一种激情澎湃之感；点击屏幕捕捉保时捷迅疾身影的画面，模拟真实摄影，让人仿佛身临其境。
技术上，里面的动画主要采用的是CSS3的animation；音效的展现采用的是html5的audio音频。

技术实现： jQuery

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

识别图中二维码

咔嚓！捕捉迅疾魅影这条 H5 的速度太忄忄忄忄忄忄忄夬了-查阅二维码

完整欣赏此案例大约需要1分钟

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

标签