前言:
　　记得上大学那会, 有位传说中的大牛, 写了一个网页闯关类的游戏. 当时我们玩得不亦乐乎, 也是第一次接触到这种形式的游戏. 不过当时纯玩家心态, 并没有想过去创造一个.
　　最近想起这事, 突然想复制实现一个类似的网页闯关游戏. 说干就干, 抄起家伙, 就是一顿猛打, ^_^. 期间的坎坷曲折暂且不表, 甚至中途自觉江郎才尽差点放弃, 所幸最后终于完工, 愿意和大家一起分享该游戏.

展示:
　　网页闯关游戏, 更多的被称为riddle, 是一种考验搜索, 推理, 分析能力的闯关模式游戏. 用户群往往面向IT工程师, 不过随着移动端的普及, 一些基于pc浏览器的分析手段没法在手机端得到施展. 因此最终转变了目标用户的设定, 更加大众化, 贴近移动端, 当然pc浏览器端体验依旧是最好的, ^_^.
　　闯关游戏入口如下: http://magic.mmxfgame.com/magic_game/1001.
　　• 传统模式
　　闯关模式入口 
　　• 挑关模式导航
　　第一关: 藏在图中的秘钥 
　　第二关: 无处不在的植入广告 
　　第三关: 大家一起来找茬 
　　第四关: 倾听女神的故事 
　　第五关: 勇敢的小方块 
　　第六关: 拜访东方不败的故居 
　　第七关: 明信片中的打油诗 
　　第八关: 葫芦娃喜欢的歌 
　　第九关: 女王大人的心扉 
　　第十关: 神秘的表白答复 
　　• 附加关(需要计算机专业背景)
　　第十一关: 健忘的教授

游戏玩法:
　　每一关都有出题背景, 提示线索，需要玩家去寻找秘钥. 当然囿于关卡的独立性, 游戏本身不会很难.
　　以第六关--拜访东方不败的故居 为例, 可见其布局区域.
　　
　　蓝色区域为解关秘钥输入区，紫色区域为谜题区域，绿色区域为提示线索区域.
　　这一关背后的技术点是刮刮卡, 背景故事和线索提示都是围绕这个来展开的.
　　找到隐藏的谜底后，输入秘钥，即可进入下一关.

关卡举例:
　　游戏分别考察了可玩性，推理和搜索能力.
　　• 可玩性
　　以第五关--勇敢的小方块 为例
　　
　　其复制之前流行的Flappy Bird，答案需要通过一定数量的管子，才能获取到，就是这么直接而简单.
　　• 搜索
　　以第四关--倾听女神的故事 为例
　　
　　表面上只是和女神聊聊天(大伙喜闻乐见的事), 如果沉迷其中就误入歧途了^_^. 其实本质是考察搜索能力，百度一搜答案就出来了.
　　• 推理
　　以第九关--女王大人的心扉 为例
　　
　　通过破解数字锁，来考察玩家的推理能力.

技术和思索:
　　随着目标用户和主要平台的确定, 其和以往的Riddle游戏相比差异非常的明显.
　　当然html5的使用，也是这次的重点，之前考虑到部分浏览器不支持，有些犹豫，现在全然放开了，html5是大势所趋.
　　游戏的布局也更加倾向于移动端，不过鉴于技术的不成熟，现在仍旧显得简陋，不过说明潜力很大,^_^.
　　通过写这十关，收获特别的大，无论是技术上的，还是产品意识上的.希望借这系列的机会，把各个关的技术点好好总结下.

总结:
　　写此博客，就是希望大家能喜欢玩我的游戏，也希望听取大家的有益反馈. 我希望自己能够继续，后续再出几个系列，加点账号，多点排行榜，与君共勉.

http://www.cnblogs.com/mumuxinfei/p/5175000.html