網頁遊戲開發祕笈 PDF掃描版

精選10種常見的遊戲類型，透過典型實例，深刻剖析遊戲引擎及工具的選用技巧，詳細講解每款遊戲的製做過程，爲快速掌握網頁遊戲開發提供系統而實用的指南。

網頁遊戲開發祕笈 目錄：

譯者序 

前　言 

導　言 

第1章　問答遊戲 1 

1.1　第一步：出題 1 

1.2　第二步：隱藏題目 8 

1.3　第三步：重現題目 9 

1.4　第四步：引入各類程序庫 11 

1.5　第五步：判斷玩家所選答案是否正確 15 

1.6　小結 19 

第2章　文字冒險遊戲 20 

2.1　第一步：設計頁面樣式 21 

2.2　第二步：實現頁面跳轉 25 

2.3　第三步：添加道具欄及道具拖放功能 27 

2.4　第四步：添加複雜的交互功能 35 

2.5　第五步：添加歷史記錄導航功能 44 

2.6　第六步：添加精彩的結局 46 

2.7　小結 48 

第3章　派對遊戲 50 

3.1　第一步：採用atom.js建立範例遊戲 50 

3.2　第二步：用canvas元素繪圖 56 

3.3　第三步：繪製鼠洞 58 

3.4　第四步：繪製鼴鼠 60 

3.5　第五步：將鼴鼠放入鼠洞 63 

3.6　第六步：令鼴鼠從洞中鑽出來 65 

3.7　第七步：使玩家可經過敲擊鍵盤來打鼴鼠 67 

3.8　HTML5的[audio]標籤並不盡如人意 70 

3.9　小結 72 

第4章　解謎遊戲 73 

4.1　第一步：用easel.js來渲染 74 

4.2　第二步：渲染多個方塊 78 

4.3　第三步：建立成對出現的同色方塊 81 

4.4　第四步：配對並消除同色方塊 83 

4.5　第五步：隱藏與翻轉圖片 85 

4.6　第六步：勝負斷定 87 

4.7　第七步：緩存與性能優化 91 

4.8　第八步：將方塊配對遊戲改成字母認讀遊戲 93 

4.9　小結 99 

第5章　平臺遊戲 100 

5.1　初識melon.js 100 

5.2　第一步：建立瓦片地圖 101 

5.3　第二步：啓動遊戲 102 

5.4　第三步：加入遊戲角色 105 

5.5　第四步：構建碰撞圖層 107 

5.6　第五步：行走與跳躍 108 

5.7　第六步：標題畫面 110 

5.8　第七步：添加可供玩家收集的物品 112 

5.9　第八步：添加敵人 113 

5.10　第九步：添加能力提高道具 115 

5.11　第十步：添加勝負斷定機制並顯示遊戲信息 116 

5.12　小結 118 

第6章　格鬥遊戲 120 

6.1　第一步：初識game.js 120 

6.2　第二步：單獨繪製精靈表中的各個精靈 123 

6.3　第三步：處理兩位玩家的輸入 124 

6.4　第四步：移動與變形 127 

6.5　第五步：不要使兩位玩家的輸入互相阻塞 130 

6.6　第六步：用位掩碼記錄按鍵狀態 134 

6.7　第七步：用掩碼來檢測碰撞 137 

6.8　第八步：令兩個遊戲角色能夠互相攻擊對方 140 

6.9　小結 145 

第7章　飛行射擊遊戲 146 

7.1　與渲染有關的準備知識 146 

7.2　第一步：初識gameQuery 148 

7.3　第二步：添加「敵機」 150 

7.4　第三步：建立己方戰機 153 

7.5　第四步：處理玩家與敵人的碰撞 156 

7.6　第五步：發射子彈 157 

7.7　第六步：爲玩家提供多種武器 159 

7.8　小結 162 

第8章　第一人稱射擊遊戲 164 

8.1　第一步：初識Jaws 164 

8.2　第二步：建立二維地圖 166 

8.3　第三步：增添玩家 169 

8.4　第四步：用光線投射技術繪製俯視圖 173 

8.5　第五步：用光線投射技術實現僞三維效果 177 

8.6　第六步：爲玩家配備照相機 180 

8.7　第七步：裝點遊戲場景 184 

8.8　第八步：添加同伴 188 

8.9　小結 195 

第9章　角色扮演遊戲 197 

9.1　第一步：初識enchant.js 197 

9.2　第二步：建立地圖 199 

9.3　第三步：增添玩家 202 

9.4　第四步：添加碰撞層 207 

9.5　第五步：繪製狀態畫面 209 

9.6　第六步：與NPC對話 212 

9.7　第七步：繪製道具欄 215 

9.8　第八步：開設道具店 218 

9.9　第九步：實現戰鬥界面 226 

9.10　第十步：經過HTML5的本地存儲API來存儲遊戲進度 236 

9.11　小結 238 

第10章　即時戰略遊戲 240 

10.1　服務器 240 

10.2　第一步：配置Node 243 

10.3　第二步：用socket.io實現即時通訊 246 

10.4　第三步：用crafty.js建立Isometric地圖 249 

10.5　第四步：繪製棋子 251 

10.6　第五步：移動棋子 255 

10.7　第六步：使玩家只能控制己方棋子，並將對方棋子上面的圖案隱藏起來 258 

10.8　第七步：實現碰撞檢測，令玩家能吃掉對方棋子並看到其圖案 264 

10.9　小結 268 

第11章　如何繼續提高遊戲開發水平 270 

11.1　本書已經講過的內容 270 

11.2　接下來應該學習的內容 271 

附錄A　JavaScript基礎 273 

附錄B　代碼質量控制 280 

附錄C　資源 285 

 

教程地址： 網頁遊戲開發祕笈 PDF掃描版