Rokid 若琪:ROKID

2016-11-14 H5案例分享 H5案例分享
Rokid 若琪:ROKID

案例:ROKID

出品:Rokid 若琪

亮点:

  1. 策划上,音乐类,① 确保打开了音量键,然后对准麦克风叫一声若琪,开启挑战;② 听到音乐选择歌名,每道只有10秒,连续选错三题游戏结束;③ game over后随即出来答题结果
  2. 设计上,科技音乐风,采用蓝色作为主色调,黑色作为背景色,答题时蛋壳上出现的动感线条,急诊加了趣味性又增加了科技感。
  3. 技术上,整体动画主要采用的是以JS控制图片依次显隐的序列帧的形式。
  4. 体验上,小编偷偷告诉你哦,不用对着麦克风叫一声若琪,而是稍等一会儿,也能开启游戏哦~~~



技术实现: jQuery + TweenMax


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

识别图中二维码

ROKID-查阅二维码




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

标签

分享:
海报
案列链接
下载截图
收藏案例
已收藏
分享到微信朋友圈
打开微信,点击底部的“发现”,
使用“扫一扫”即可将网页分享至朋友圈。

相关推荐:

网易新闻:雍正去哪了?

飞凡:飞凡11天 全民狂逛节

关注微信号:h5-share,获取更多创意H5案例分享!也可访问H5案例分享网站www.h5anli.com,搜索查阅~

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~