百度:欢迎来到脑洞大开的世界

2016-08-09 H5案例分享 H5案例分享
百度:欢迎来到脑洞大开的世界

案例:欢迎来到脑洞大开的世界

出品:百度

亮点:

  1. 策划上,全景+重力感应+AR+测试答题。整个案例分为三部分:① 活动主题页:测试你的脑洞有多大的一个活动,点击“开始”;② 五道题用重力感应+全景+AR的方式展现,每题三个选项科幻、悬浮,题目及选项横跨虚实、古今,选择选项,“点击确认”,五道题答完,即进入全景“旋涡”,闪晕你的眼哦~ ;根据第二部分的选项,展示你的脑洞指数,亮出活动主题:8.3百度脑洞大开的智能营销解决方案发布会,解读AR与AI的秘密。

  2. 设计上,科幻风格,采用蓝色作为主色调①高耸的大楼、智能机器人等等科技感超强的元素与这次百度智能营销解决方案发布会的重头戏AR与AI相呼应;②每道题目前面的百度小logo,无形中加深了大家对百度的印象。

  3. 交互上,① 点击选项,该选项所代表的事物即以类似于投影的形式展现在页面上,既形象生动又加强科技感,感觉好高大上;② 选择选项,出来选项影像,再点击“点击确认”,即可跳转到下一题;③ 可通过滑动屏幕或者移动手机的方式,去查看其它景象、题目。

  4. 技术上,移动手机看其它场景、题目采用的是html5的重力感应;测试答题游戏类主要采用的Canvas

  5. AR,增强现实(Augmented Reality,简称AR),也被称之为混合现实;AI,人工智能(Artificial Intelligence,简称AI)。



技术实现: Canvas + jQuery


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

识别图中二维码

欢迎来到脑洞大开的世界-查阅二维码




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

标签

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

相关推荐:

百度钱包:百度钱包H5案例:出来种太阳 迟早要还的

百度输入法:你每天说了多少言不由衷的话?

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~