bilibili:2018 bilibili年度弹幕
案例演示,请长按/扫描以下二维码 ->
识别图中二维码
完整欣赏此案例大约需要2分55秒
案例:2018 bilibili年度弹幕
出品:bilibili
亮点:
- 策划上,①这是bilibili出的一支答题测试类的H5,②进入首页出现一个电话在响,接起电话后,警长打来的电话,说有人已经失踪了半个月了,想邀请侦探接受这个任务,③点击接受任务,根据提示完成一下环节,来到失踪者的房间,看到了警长所提到的手机,点击手机,发现有位小姐姐在直播,有一条没有发送的弹幕,发送弹幕,直播突然被切断,打开QQ,看到直播姐小姐姐的头像,点击头像,跟她聊聊,发现失踪者跟她曾经是好友,需要重新添加好友,点击发送朋友验证请求,需要回答三个问题,第一道题是舔狗舔到最后,下面一句是什么;第二个问题是人类的本质是什么;第三个问题是宅男必将怎么样,全答对后,成为好友,需要再回答一个问题,一部电视剧名字很无厘头,后面津津有味追起来,这种行为叫什么,回答完后,小姐姐直接发了地址,点击前往,到了目的地,感觉到有种熟悉的感觉,有人过来拍了下肩膀,找你对暗号,暗号是:我是阿珍,我爱上的人叫什么,接着跟着神秘人来到大厦,发现自己是人工智能机器人,不是侦探,回答最后一个问题,现在的你,觉得什么才是真实?④回答完,输入你的姓名,会生成一张属于自己的AI画像,智能水平和人格分析,如果你是一个人工智能,你会是什么,最适合的弹幕是什么,下面点击看看哔哩哔哩2018年度檀木是什么,也可以再测一次或者分享我的AI画像。
- 设计上,蓝白色为主色调,智能机器人科技感,卡通漫画风格。
- 体验上,想象自己是一名侦探,去查案,最后发现,自己是一名智能机器人,最后生成画像,感觉最后突出的主题,弹幕出现的地方有一些小,可以把这一块放大,贴合题目。
技术实现: jquery
以上为“H5案例分享”团队原创文章,转载请注明出处!
标签
关注微信号:h5-share,获取更多创意H5案例分享!也可访问H5案例分享网站www.h5anli.com,搜索查阅~
微信扫一扫
关注该公众号