北京马拉松互动游戏——跑赢我?好大口气!

2015-11-24 H5案例分享 H5案例分享

案例:跑赢我?好大口气

出品:华夏基金与北京马拉松联合出品

亮点:

  1. 形式上,游戏的形式,展现运动

  2. 视觉上,卡通漫画风格

  3. 交互上,通过对麦克吹气,达到互动。麦克吹气,技术上使用的是微信JSSDK的录音接口。小编看过代码后发现,游戏核心是第三屏用户吹气,按“指纹按钮”的图标时间长度,偷偷的告诉你,其实不吹气,也会统计吹气时间,只要你按住“指纹按钮”就行



技术实现: jQuery


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

识别图中二维码







关注微信号:h5-share,获取更多牛逼H5案例分享!



微信扫一扫
关注该公众号

收藏

微信极速登录/注册

对汉语支持不错,别对小五说英文

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~