网页闯关游戏(riddle webgame)--游戏玩法和整体介绍

网页闯关游戏(riddle webgame)--游戏玩法和整体介绍

前言：

我记得我上大学的时候，一位传奇天才写了一款网页游戏。 我们当时玩得很开心，也是第一次接触这种形式的游戏。 但那时我们只是纯粹的游戏玩家。 我没有想过要创建一个。

最近想到这个，突然想复制实现一个类似的网页闯关游戏。 就这么干吧，把那家伙抱起来，狠狠地打一顿，^_^。 期间的坎坷暂时不提，甚至感觉中途都快放弃了。 庆幸的是，终于完成了，愿意把游戏分享给大家。

展示：

网页闯关游戏，顾名思义，就是测试搜索、推理和分析能力的闯关游戏。 用户群往往面向IT工程师，但随着移动终端的普及，一些基于PC浏览器的分析方法无法在手机上实现。 因此，最终改变了目标用户设定，使其更加大众化，更加贴近移动端。 当然，PC浏览器体验还是最好的，^_^。

闯关游戏入口如下：

• 传统模式

进入闯关模式

• 挑战模式导航

第一关：隐藏在图中的秘密钥匙

第二级：无处不在的植入式广告

第三级：我们一起找茬

第四关：聆听女神的故事

5级：勇敢的小立方体

第六层：参观东方不败故居

第七级：明信片中的打油诗

第 8 级：葫芦最喜欢的歌曲

9级：女王之心

第10关：神秘的告白与回复

•附加级别（需要计算机专业背景）

第11关：健忘的教授

游戏玩法：

每个关卡都有问题背景、线索，玩家需要找到秘密钥匙。 当然，由于关卡的独立性，游戏本身不会有难度。

以第六层——参观东方不败故居为例，我们可以看到其布局区域。

蓝色区域为按键输入区域，紫色区域为拼图区域，绿色区域为线索区域。

这一关背后的技术点是刮刮卡，背景故事和线索都是围绕此展开的。

找到隐藏答案后，输入秘钥即可进入下一关。

级别示例：

这些游戏分别考察了可玩性、推理能力和搜索能力。

•可玩性

以第五层——勇敢的小方块为例

它复制了以前流行的 Bird。 答案需要经过一定数量的管子才能得到。 就是这么直接、简单。

•搜索

以第四关——听女神的故事为例

表面上看只是和女神聊天（大家都喜欢看的事情），但如果沉迷其中，就会误入歧途^_^。 其实本质就是考验搜索能力，百度搜索一下就出来答案了。

•推理

以第九层——女王之心为例

通过破解数字锁，考验玩家的推理能力。

技术与思路：

目标用户和主要平台确定后，它与以往游戏的区别就非常明显。

当然，html5的运用也是这次的重点。 之前考虑到有些浏览器不支持我还很犹豫，现在彻底放松了。 html5是大势所趋。

游戏的布局也更加偏向于移动端。 不过由于技术的不成熟，看起来还很初级，但是却说明了有很大的潜力，^_^。

通过写这十个关卡，我收获了很多，无论是技术还是产品认知方面。 希望能借这个系列的机会，总结一下各个级别的技术点。

总结：

我写这个博客是因为我希望每个人都喜欢玩我的游戏，也希望听到每个人有用的反馈。 希望以后能继续多出几个系列，增加更多的账号和更多的排名，鼓励大家。

官方账号及游戏网址：