红警：红警档案馆

2019-09-06 H5案例分享 H5案例分享

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

识别图中二维码

红警档案馆-查阅二维码

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

案例：红警档案馆

品牌：红警

技术实现： html5

亮点：

正版手游《红警》出品，用户通过滑动屏幕回答情景问题，测试自己在警队中的身份，感受游戏氛围和测试乐趣，最后可登陆下载手机游戏。

作品主要为情景选择题，总共有三个部分

①加载。加载界面是黑白风格的警卫楼背景上逐渐浮出一段关于指挥官的解说语，加载完毕，画面变成红黑风格，点击“进入”，输入名字开始测试。

②答题。每道题目前会有一段情景描述，点击情景描述下面的“翻卡”查看题目，左右滑动屏幕进行答案二选一，根据用户的答案选择，题目设置和数量每次会有所不同（2题3题或4题），

③海报。答题完毕后生成红警海报，包括用户角色，警队历程和一副主图，用户可点击“前往新战场”下载游戏，或点击“再体验一次”进行重新测试。

暗色的插画风格，以红黑颜色为主，烘托了警队中严密和紧张的氛围。

每道题目前都有一个情景设定，情景设定基本是从上一题用户的选择当中延续出来的，让用户在答题过程中有连贯感，仿佛真的经历了一场军事活动。

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

标签