中国禁毒微信 + 守护者计划 + 和平精英：禁毒知识大闯关

2020-09-14 H5案例分享 H5案例分享

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

识别图中二维码

禁毒知识大闯关-查阅二维码

完整欣赏此案例大约需要2 - 5 分钟

案例：禁毒知识大闯关

品牌：中国禁毒微信 + 守护者计划 + 和平精英

技术实现： egret.js + tween.js

亮点：

1、创意定位

中国禁毒微信、守护者计划、和平精英等共同推出的禁毒宣传H5，采用知识问答的形式，普及禁毒知识。

2、策划上

① 首屏展示“禁毒精英、守护净土”大标题，有活动规则、开始闯关、禁毒知识的介绍；点击“开始闯关”按钮后，进入角色和套装选择环节，有男女两个角色，默认男女仅各开启一个套装；选择好角色后，点击“开始匹配”按钮，进入禁毒知识问答环节；

② 禁毒知识环节，初始匹配100个游戏玩家，每局6道题，媒体10秒作答时间，第6个问题为抢答题；每个问题2个选项，每个选项一个纵队（赞同该选项的玩家）；如果打错了，有1-2次复活的机会，复活时需要完整观看禁毒知识宣传视频；

③ 答题最后，有生成禁毒精英海报，提示答对的题目数和在100人中的排名；还会给出一个禁毒精英的称号；用户可以在继续玩，点击“逆风翻盘”按钮。

3、设计上

卡通的人物形象，人物形象比较像和平精英里面的人物。

4、体验上

回答问题环境，有点像综艺节目，100个玩家一起回答问题，每一次回答，淘汰答错的玩家；经过几轮后，留下全部答对的玩家；当前回答问题的用户有点像擂台主。

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

标签