人人视频X虎牙直播X天天狼人杀:天亮了,轮到你了

2019-07-18 H5案例分享 H5案例分享
人人视频X虎牙直播X天天狼人杀:天亮了,轮到你了


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

识别图中二维码

天亮了,轮到你了-查阅二维码

完整欣赏此案例大约需要4分20秒


案例:天亮了,轮到你了

品牌:人人视频X虎牙直播X天天狼人杀

亮点:

  1. 创意定位

人人视频,虎牙直播和天天狼人杀APP联合出品,用户输入名称后进入狼人杀游戏,在每一轮的“杀人”后查看每个人的发言,判断出狼人是谁,生成自己的敏锐度结果海报,并且可登陆相关平台玩狼人杀游戏,或者观看视频和直播。

 

  1. 策划逻辑

屏幕上有一份写着“轮到你了”的报纸,点击“打开报纸”进入游戏①游戏名称和场景介绍后,进入“杀人”环节,圆桌周围坐了6个人,屏幕上方有六个人的名字和头像,看完跳出的“游戏规则”后输入用户名,点击“确认”。②字幕显示“安德罗妮被杀”,桌子上的安德罗妮及屏幕上方她的名牌变成黑白色,点击每个人查看其发言内容,有配音播放,查看或听完每个人的发言后,都在“TA是狼人吗”的问题下选择“是”“考虑一下”或“下一天”,一共要选出两个狼人,被杀者也可被选为狼人。③若第一轮选出了两个狼人,则游戏结束,若用户没有选或者只选出了一个狼人,则进入第二轮杀人游戏,第二轮“申屠”被杀,其余操作方法与第一轮相同。④生成海报,海报包括用户名,狼人杀玩家等级,分数和解析语,用户可保存海报或点击链接登录相关平台。

 

  1. 设计上

手绘式漫画风格,画面背景颜色很暗,主角和桌子稍微亮一些,每个人的形象表情都诡异奸诈,烘托了阴森森的悬疑氛围。

 

  1. 交互上

各环节操作方法都介绍的很详细,用户直接点击人物即可查看和倾听发言,随时都可选出狼人结束游戏,若拿不定主意,可反复点击查看。

 



技术实现: html5



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

标签

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

相关推荐:

狼人杀&&网易考拉海购:狼人杀预言家在线开运

腾讯:2019腾讯全球数字生态大会

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~