bilibili:2018 bilibili年度弹幕

2018-12-28 H5案例分享 H5案例分享
bilibili:2018 bilibili年度弹幕


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

识别图中二维码

2018 bilibili年度弹幕-查阅二维码

完整欣赏此案例大约需要2分55秒


案例:2018 bilibili年度弹幕

出品:bilibili

亮点:

  1. 策划上,①这是bilibili出的一支答题测试类的H5,②进入首页出现一个电话在响,接起电话后,警长打来的电话,说有人已经失踪了半个月了,想邀请侦探接受这个任务,③点击接受任务,根据提示完成一下环节,来到失踪者的房间,看到了警长所提到的手机,点击手机,发现有位小姐姐在直播,有一条没有发送的弹幕,发送弹幕,直播突然被切断,打开QQ,看到直播姐小姐姐的头像,点击头像,跟她聊聊,发现失踪者跟她曾经是好友,需要重新添加好友,点击发送朋友验证请求,需要回答三个问题,第一道题是舔狗舔到最后,下面一句是什么;第二个问题是人类的本质是什么;第三个问题是宅男必将怎么样,全答对后,成为好友,需要再回答一个问题,一部电视剧名字很无厘头,后面津津有味追起来,这种行为叫什么,回答完后,小姐姐直接发了地址,点击前往,到了目的地,感觉到有种熟悉的感觉,有人过来拍了下肩膀,找你对暗号,暗号是:我是阿珍,我爱上的人叫什么,接着跟着神秘人来到大厦,发现自己是人工智能机器人,不是侦探,回答最后一个问题,现在的你,觉得什么才是真实?④回答完,输入你的姓名,会生成一张属于自己的AI画像,智能水平和人格分析,如果你是一个人工智能,你会是什么,最适合的弹幕是什么,下面点击看看哔哩哔哩2018年度檀木是什么,也可以再测一次或者分享我的AI画像。
  2. 设计上,蓝白色为主色调,智能机器人科技感,卡通漫画风格。
  3. 体验上,想象自己是一名侦探,去查案,最后发现,自己是一名智能机器人,最后生成画像,感觉最后突出的主题,弹幕出现的地方有一些小,可以把这一块放大,贴合题目。



技术实现: jquery



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

标签

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

相关推荐:

别克×bilibili:Fix Feel

房天下:智能机器人小F揭秘真实的你

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~