百度:欢迎来到脑洞大开的世界
案例:欢迎来到脑洞大开的世界
出品:百度
亮点:
-
策划上,全景+重力感应+AR+测试答题。整个案例分为三部分:① 活动主题页:测试你的脑洞有多大的一个活动,点击“开始”;② 五道题用重力感应+全景+AR的方式展现,每题三个选项,科幻、悬浮,题目及选项横跨虚实、古今,选择选项,“点击确认”,五道题答完,即进入全景“旋涡”,闪晕你的眼哦~ ;③ 根据第二部分的选项,展示你的脑洞指数,亮出活动主题:8.3百度脑洞大开的智能营销解决方案发布会,解读AR与AI的秘密。
-
设计上,科幻风格,采用蓝色作为主色调,①高耸的大楼、智能机器人等等科技感超强的元素与这次百度智能营销解决方案发布会的重头戏AR与AI相呼应;②每道题目前面的百度小logo,无形中加深了大家对百度的印象。
-
交互上,① 点击选项,该选项所代表的事物即以类似于投影的形式展现在页面上,既形象生动又加强科技感,感觉好高大上;② 选择选项,出来选项影像,再点击“点击确认”,即可跳转到下一题;③ 可通过滑动屏幕或者移动手机的方式,去查看其它景象、题目。
-
技术上,移动手机看其它场景、题目采用的是html5的重力感应;测试答题游戏类主要采用的Canvas。
-
AR,增强现实(Augmented Reality,简称AR),也被称之为混合现实;AI,人工智能(Artificial Intelligence,简称AI)。
技术实现: Canvas + jQuery
案例演示,请长按/扫描以下二维码 ->
识别图中二维码
标签
关注微信号:h5-share,获取更多创意H5案例分享!也可访问H5案例分享网站www.h5anli.com,搜索查阅~
微信扫一扫
关注该公众号