《網頁遊戲開發的秘笈》
分類:網頁製作查看:3053551下載:363

精選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 

陳述:

本站所有資源都是由網友投搞發佈,或轉載各大下載站,請自行檢測軟件的完整性! 本站所有資源僅供學習與參攷,請勿用於商業用途,否則產生的一切後果將由您自己承擔! 如有侵權請聯繫我們删除下架,聯繫方式: admin@php.cn

最新課程

看更多
  • 【web前端】Node.js快速入門
    【web前端】Node.js快速入門
    本課程專為初學者量身打造,旨在幫助學員快速掌握Node.js的基礎知識與核心技術。課程從Node.js的安裝與環境配置開始,逐步深入解析其非同步程式設計模型、模組系統以及事件驅動機制。透過豐富的實戰案例,學員將學會如何使用Node.js搭建高效、穩定的Web伺服器,處理HTTP請求與回應,以及進行檔案操作與資料庫互動。此外,課程也將介紹Node.js在前端開發的典型應用場景,協助學員快速提升實戰能力,輕鬆應對前端開發的挑戰。
  • 國外Web開發全端課程全集
    國外Web開發全端課程全集
    本課程是一套涵蓋HTML、CSS、JavaScript、Vue.js、React、Flutter以及行動APP開發的全面教學。從基礎的網頁製作到複雜的前後端交互,再到行動應用的實戰開發,課程內容豐富,實戰性強。學員將透過一系列實戰項目,深入了解並掌握各類開發技能,快速成長為全端開發工程師。無論是初學者或有一定經驗的開發者,都能從中受益。透過本課程的學習,你將具備獨立開發Web應用與行動應用的能力,為未來的職涯發展打下堅實的基礎。
  • Go語言實戰之 GraphQL
    Go語言實戰之 GraphQL
    本課程旨在幫助學習者掌握如何使用Go語言實現GraphQL服務。課程從GraphQL的基礎知識講起,深入剖析其資料查詢語言的特性與優勢,接著結合Go語言的特性,詳細講解如何建構GraphQL伺服器、處理請求、定義資料模式等。透過豐富的實戰案例,學習者將學習如何在實際專案中整合GraphQL,提升資料互動的靈活性和效率。課程適合有一定Go語言基礎的開發者,是建構高效能、現代化API的必備選擇。
  • 550W粉絲大佬手把手從零學JavaScript
    550W粉絲大佬手把手從零學JavaScript
    本課程,專為初學者打造,由Google大佬親自授課。課程從JavaScript的基礎知識講起,逐步深入,涵蓋語法、函數、物件、事件處理等內容。透過生動的案例和實戰練習,幫助學員快速掌握JavaScript的核心技能。大佬將親自解答學員疑惑,分享程式設計心得,讓學員在輕鬆愉快的氛圍中成長為JavaScript高手。無論你是程式設計小白,或是希望提陞技能的開發者,本課程都會是你學習JavaScript的最佳選擇。
  • python大神Mosh,零基礎小白6小時完全入門
    python大神Mosh,零基礎小白6小時完全入門
    本課程帶領你踏上程式之旅。從零基礎開始,這個為期 6 小時的課程將引導你掌握 Python 的基本原理和進階概念。 無論你是初學者還是希望提高技能的經驗豐富的程式設計師,Mosh 的深入講解和清晰的教學方法將使你快速掌握 Python。深入了解變數、資料類型、條件語句、循環、函數、物件和模組,並透過動手練習鞏固你的理解。 本課程是學習 Python 的理想選擇,能夠為各種職業領域做好準備。 Mosh 的專業知識和對教育的熱情將使你充滿信心,踏上成為熟練的 Python 開發人員的道路。