網頁闖關遊戲(riddle webgame)--遊戲玩法和總體介紹

前言:
　　記得上大學那會, 有位傳說中的大牛, 寫了一個網頁闖關類的遊戲. 當時咱們玩得不亦樂乎, 也是第一次接觸到這種形式的遊戲. 不過當時純玩家心態, 並無想過去創造一個.
　　最近想起這事, 忽然想複製實現一個相似的網頁闖關遊戲. 說幹就幹, 抄起傢伙, 就是一頓猛打, ^_^. 期間的坎坷曲折暫且不表, 甚至中途自覺江郎才盡差點放棄, 所幸最後終於完工, 願意和你們一塊兒分享該遊戲.

展現:
　　網頁闖關遊戲, 更多的被稱爲riddle, 是一種考驗搜索, 推理, 分析能力的闖關模式遊戲. 用戶羣每每面向IT工程師, 不過隨着移動端的普及, 一些基於pc瀏覽器的分析手段無法在手機端獲得施展. 所以最終轉變了目標用戶的設定, 更加大衆化, 貼近移動端, 固然pc瀏覽器端體驗依舊是最好的, ^_^.
　　闖關遊戲入口以下: http://magic.mmxfgame.com/magic_game/1001.
　　• 傳統模式
　　闖關模式入口 
　　• 挑關模式導航
　　第一關: 藏在圖中的祕鑰 
　　第二關: 無處不在的植入廣告 
　　第三關: 你們一塊兒來找茬 
　　第四關: 傾聽女神的故事 
　　第五關: 勇敢的小方塊 
　　第六關: 拜訪東方不敗的故居 
　　第七關: 明信片中的打油詩 
　　第八關: 葫蘆娃喜歡的歌 
　　第九關: 女王大人的心扉 
　　第十關: 神祕的表白答覆 
　　• 附加關(須要計算機專業背景)
　　第十一關: 健忘的教授 

遊戲玩法:
　　每一關都有出題背景, 提示線索，須要玩家去尋找祕鑰. 固然囿於關卡的獨立性, 遊戲自己不會很難.
　　以第六關--拜訪東方不敗的故居 爲例, 可見其佈局區域.
　　
　　藍色區域爲解關祕鑰輸入區，紫色區域爲謎題區域，綠色區域爲提示線索區域.
　　這一關背後的技術點是刮刮卡, 背景故事和線索提示都是圍繞這個來展開的.
　　找到隱藏的謎底後，輸入祕鑰，便可進入下一關.

關卡舉例:
　　遊戲分別考察了可玩性，推理和搜索能力.
　　• 可玩性
　　以第五關--勇敢的小方塊 爲例
　　
　　其複製以前流行的Flappy Bird，答案須要經過必定數量的管子，才能獲取到，就是這麼直接而簡單.
　　• 搜索
　　以第四關--傾聽女神的故事 爲例
　　
　　表面上只是和女神聊聊天(大夥喜聞樂見的事), 若是沉迷其中就誤入歧途了^_^. 其實本質是考察搜索能力，百度一搜答案就出來了.
　　• 推理
　　以第九關--女王大人的心扉 爲例
　　
　　經過破解數字鎖，來考察玩家的推理能力.

技術和思索:
　　隨着目標用戶和主要平臺的肯定, 其和以往的Riddle遊戲相比差別很是的明顯.
　　固然html5的使用，也是此次的重點，以前考慮到部分瀏覽器不支持，有些猶豫，如今全然放開了，html5是大勢所趨.
　　遊戲的佈局也更加傾向於移動端，不過鑑於技術的不成熟，如今仍舊顯得簡陋，不過說明潛力很大,^_^.
　　經過寫這十關，收穫特別的大，不管是技術上的，仍是產品意識上的.但願借這系列的機會，把各個關的技術點好好總結下.

總結:
　　寫此博客，就是但願你們能喜歡玩個人遊戲，也但願聽取你們的有益反饋. 我但願本身可以繼續，後續再出幾個系列，加點帳號，多點排行榜，與君共勉.

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