微信小程序游戲開發快速入門到實戰

本書是微信小程序游戲開發的入門教程，通過大量案例介紹微信小程序游戲開發的基礎知識和技巧。全書 分三篇，基礎篇（第1~3 章）對微信小程序的框架文件、微信小程序的邏輯層和視圖層、微信小程序的組件進 行詳細介紹，包括JavaScript 編程語言基礎、WXML 、WXSS 和組件的使用，尤其重點學習與游戲繪圖相關的 Canvas 畫布組件。開發篇（第4~17 章）應用前面的知識設計了14 個大家耳熟能詳的游戲案例，例如貪吃蛇游 戲、推箱子游戲、智力測試游戲、五子棋游戲、黑白棋游戲、拼圖游戲和Flappy Bird 游戲等，進一步提高對知 識的應用能力。提高篇（第18~22 章）講解如何使用當前流行的游戲開發工具Cocos Creator 開發微信小游戲， 並實現兩個游戲案例：跳跳貓和俄羅斯方塊。 本書的**特色是通過具體案例講解游戲開發，將關鍵技術分解到各個案例，不僅有利於知識點的掌握， 更重要的是讓讀者學會如何開發游戲。書中對源代碼進行了非常詳細的解釋，做到通俗易懂，圖文並茂。 本書可作為高等學校電腦、數字媒體技術等相關專業的教材，也適用於游戲編程愛好者和微信小程序編 程學習者。

1996年中國紡織大學計算機應用本科畢業，1996年7月到中原工學院工作。 2003年鄭州大學研究生畢業，現在中原工學院計算機基礎教學部主任，職稱副教授。主持河南省教育廳和鄭州市科技攻關項目多項，出版著作30餘部，發表科研論文40餘篇。
任教課程：高級語言C++程序設計、數據庫、VB.NET程序設計、計算機網絡、C#、XML語言等。

源碼下載
1篇  基  礎  篇
1章  微信小程序基礎 3
1.1  微信小程序介紹 3
1.1.1  什麼是微信小程序 3
1.1.2  註冊開發者賬號 4
1.2  微信小程序開發工具的使用  5
1.2.1  獲取微信小程序AppID 5
1.2.2  安裝微信開發者工具 5
1.2.3  微信小程序發布流程 8
1.3  微信小程序框架文件 9
1.3.1  創建一個微信小程序項目 9
1.3.2  小程序的框架結構  10
1.3.3  Page( )註冊頁面 16
1.4  微信小程序視圖  18
1.4.1  綁定數據 18
1.4.2  條件渲染 21
1.4.3  循環渲染 21
1.4.4  WXML模板 23
1.4.5  WXML視圖中的事件  23
1.4.6  WXSS  25
1.4.7  Fle佈局  29
1.5  微信小程序頁面組件 33
1.5.1  視圖容器組件 34
1.5.2  基礎內容組件 41
1.5.3  表單組件  45
1.5.4  導航組件  53
1.5.5  媒體組件  54
1.5.6  map地圖組件 59
1.5.7  canvas畫布組件 60
1.6  使用canvas畫圖 60
1.6.1  canvas組件定義語法 60
1.6.2  坐標系統 61
1.6.3  顏色的表示方法 61
1.6.4  繪製直線 62
1.6.5  繪製矩形 65
1.6.6  繪製圓弧 66
1.6.7  繪製圖像 67
1.6.8  輸出文字 68
1.6.9  保存和恢復繪圖狀態 71
1.6.10  圖形的變換 72
1.7  canvas動畫實例 73
1.7.1  動畫的概念及原理 73
1.7.2  遊戲人物的跑步動畫 75
2章  JavaScript語法基礎 77
2.1  JavaScript語言概述  77
2.1.1  JavaScript語言簡介 77
2.1.2  運行JavaScript語言 77
2.2  基本語法 79
2.2.1  數據類型 79
2.2.2  常量和變量 80
2.2.3  註釋 81
2.2.4  運算符和表達式 82
2.3  常用控制語句 86
2.3.1  選擇結構語句 86
2.3.2  循環結構語句 91
2.4  函數 94
2.4.1  創建自定義函數 95
2.4.2  調用函數 95
2.4.3  變量的作用域 96
2.4.4  函數的返回值 97
2.4.5  JavaScript內置函數 97
3章  JavaScript面向對象程序設計 99
3.1  面向對象程序設計思想簡介  99
3.1.1  什麼是對象 99
3.1.2  面向對象編程 100
3.2  JavaScript類的定義和實例化 101
3.2.1  類的定義 101
3.2.2  創建對象（類的實例化） 101
3.2.3  通過對象直接初始化創建對象 102
3.3  JavaScript訪問和添加對象的屬性和方法 103
3.3.1  訪問對象的屬性和方法 103
3.3.2  向對象添加屬性和方法 105
3.4  繼承 106
3.4.1  原型實現繼承 107
3.4.2  構造函數實現繼承 108
3.4.3  重新定義繼承的方法 108
3.5  JavaScript內置對象 109
3.5.1  JavaScript的內置對象框架 109
3.5.2  基類Object 110
3.5.3  Date類 110
3.5.4  String類 112
3.5.5  Array類 113
3.5.6  Math對象 120
3.5.7  Object對象 121
3.6  ES6簡介  123
3.6.1  變量相關 123
3.6.2  數據類型 123
3.6.3  對象 124
3.6.4  class類 125
3.6.5  模塊功能 127
3.6.6  箭頭函數 128
2篇  開  發  篇
4章  石頭剪刀布遊戲 133
4.1  石頭剪刀布遊戲功能介紹 133
4.2  程序設計的思路 133
4.2.1  控制剪刀、石頭、布的快速切換 133
4.2.2  用戶出拳 134
4.3  關鍵技術 134
4.3.1  事件的綁定 134
4.3.2  事件對象 136
4.3.3  事件對像數據參數的傳遞 137
4.4  程序設計的步驟 138
4.4.1  遊戲佈局 138
4.4.2  遊戲腳本 141
5章  井字棋遊戲 144
5.1  井字棋遊戲介紹 144
5.2  程序設計的思路 144
5.2.1  計算機智能下棋 144
5.2.2  井字棋輸贏判斷 145
5.3  關鍵技術 146
5.3.1  畫布canvas 146
5.3.2  響應canvas組件事件 147
5.4  程序設計的步驟 148
5.4.1  選擇對戰模式頁面 148
5.4.2  人人對戰遊戲頁面 150
5.4.3  人機對戰遊戲頁面 153
6章  貪吃蛇遊戲  156
6.1  貪吃蛇遊戲介紹 156
6.2  程序設計的思路 156
6.3  關鍵技術 157
6.3.1  獲取屏幕大小 157
6.3.2  小程序中this和that的使用 158
6.3.3  JavaScript數組作 158
6.4  程序設計的步驟 159
6.4.1  inde.wml視圖文件 159
6.4.2  inde.js文件 159
7章  看圖猜成語遊戲 165
7.1  看圖猜成語遊戲介紹 165
7.2  程序設計的思路 165
7.2.1  遊戲素材 165
7.2.2  設計思路 166
7.3  關鍵技術 166
7.3.1  動態控制按鈕組件的文字 166
7.3.2  通過條件渲染顯示不同結果 167
7.4  程序設計的步驟 168
7.4.1  guess.wml文件 168
7.4.2  guess.js文件 169
8章  智力測試遊戲--button版 172
8.1  智力測試遊戲介紹 172
8.2  程序設計的思路 172
8.3  程序設計的步驟 173
8.3.1  eam.wml文件 173
8.3.2  eam.js頁面文件 174
8.3.3  eam.wss樣式文件 177
8.3.4  簡單的結束頁面 178
8.4  拓展知識 179
8.4.1  讀取本地TXT文本 179
8.4.2  雲文件存儲題目 180
9章  智力測試遊戲--radio版  182
9.1  智力測試遊戲介紹 182
9.2  程序設計的思路 182
9.3  關鍵技術 183
9.3.1  radio組件 183
9.3.2  列表渲染 184
9.3.3  checkbo組件 187
9.4  程序設計的步驟 189
9.4.1  radio.wml文件 189
9.4.2  radio.js文件 189
10章  連連看遊戲 193
10.1  連連看遊戲介紹 193
10.2  程序設計的思路 194
10.3  程序設計的步驟 205
11章  推箱子遊戲 210
11.1  推箱子遊戲介紹 210
11.2  程序設計的思路 211
11.3  程序設計的步驟 213
11.3.1  遊戲視圖文件inde.wml 213
11.3.2  設計腳本inde.js 214
12章  五子棋遊戲 225
12.1  五子棋遊戲簡介 225
12.2  五子棋設計思想 226
12.3  關鍵技術 226
12.3.1  判斷輸贏的算法 226
12.3.2  圖形上色 228
12.3.3  調用模塊代碼 228
12.4  程序設計的步驟 229
12.4.1  遊戲視圖inde.wml 229
12.4.2  設計腳本inde.js 229
12.5  人機五子棋遊戲的開發 231
13章  黑白棋遊戲 241
13.1  黑白棋遊戲介紹 241
13.2  黑白棋遊戲設計的思路 242
13.2.1  棋子和棋盤 242
13.2.2  翻轉對方的棋子 242
13.2.3  顯示執棋方可落子位置 242
13.2.4  判斷勝負功能 243
13.3  黑白棋遊戲設計的步驟 243
13.3.1  遊戲頁面視圖WXML 243
13.3.2  設計腳本inde.js 243
14章  拼圖遊戲 252
14.1  拼圖遊戲介紹 252
14.2  程序設計的思路 253
14.3  數字拼圖遊戲程序設計的步驟 254
14.3.1  遊戲頁面 254
14.3.2  pintu2.js文件 255
14.4  人物拼圖遊戲程序設計的步驟 257
14.5  圖片組件拓展案例——翻牌遊戲  257
14.5.1  遊戲頁面 258
14.5.2  查看排行榜頁面 263
15章  Flappy Bird遊戲 265
15.1  Flappy Bird遊戲介紹 265
15.2  Flappy Bird遊戲設計的思路 266
15.2.1  遊戲素材 266
15.2.2  遊戲實現原理 266
15.2.3  遊戲關鍵技術——碰撞檢測 266
15.3  Flappy Bird遊戲設計的步驟 270
15.3.1  設計Bird類（小鳥類） 270
15.3.2  設計Obstacle類（管道障礙物類） 270
15.3.3  設計FlappyBird類 271
15.3.4  主程序 275
15.3.5  遊戲頁面視圖文件 276
16章  搖一搖變臉遊戲  278
16.1  搖一搖變臉遊戲介紹 278
16.2  程序設計的思路 278
16.3  關鍵技術 279
16.3.1  小程序的加速度計API 279
16.3.2  加速度計API的簡單應用 280
16.4  程序設計的步驟 281
16.4.1  遊戲頁面視圖WXML 281
16.4.2  設計腳本inde.js 281
17章  抽獎小遊戲  283
17.1  抽獎小遊戲介紹 283
17.2  程序設計的思路 283
17.3  關鍵技術 284
17.3.1  動畫實例 284
17.3.2  動畫描述 285
17.3.3  動畫導出 287
17.4  程序設計的步驟 288
17.4.1  遊戲頁面視圖WXML 288
17.4.2  設計腳本inde.js 289
3篇  提  高  篇
18章  原生微信小遊戲開發基礎 295
18.1  微信小遊戲的發展史 295
18.2  什麼是微信小遊戲 295
18.3  微信小遊戲開發過程 296
18.4  微信小遊戲目錄結構 298
18.5  微信小遊戲開發API 298
18.6  微信小遊戲動畫和触摸事件 300
18.7  微信小遊戲全局對象 302
18.8  微信小遊戲Adapter（適配器） 303
19章  微信小遊戲——接寶石箱子遊戲  304
19.1  接寶石箱子遊戲介紹 304
19.2  程序設計的步驟 304
19.3  遊戲功能改進 307
19.3.1  增加功能 307
19.3.2  增加遊戲失敗功能 308
19.3.3  增加背景音樂功能 309
20章  Cocos Creator遊戲開發基礎 311
20.1  Cocos Creator介紹 311
20.1.1  Cocos Creator安裝和啟動 311
20.1.2  Cocos Creator發佈到原生平臺 312
20.2  第一個Hello項目 314
20.2.1  打開場景 314
20.2.2  預覽場景 315
20.2.3  項目結構 316
20.3  Cocos Creator編輯器的使用 317
20.3.1  資源管理器 317
20.3.2  場景編輯器 318
20.3.3  層級管理器 320
20.3.4  屬性檢查器 321
20.3.5  控件庫 323
20.4  Cocos Creator遊戲開發入門 323
20.4.1  使用組件（控件） 324
20.4.2  事件響應 334
20.4.3  坐標系 336
20.4.4  節點屬性和方法 338
20.4.5  動作 340
第21章  Cocos Creator開發實戰——跳跳貓 342
21.1  跳跳貓小遊戲介紹 342
21.2  創建項目 342
21.2.1  添加資源和遊戲場景 343
21.2.2  創建遊戲場景 344
21.2.3  添加遊戲背景 345
21.2.4  添加遊戲地面 345
21.3  添加遊戲主角 346
21.3.1  添加遊戲的主角小貓 346
21.3.2  編寫主角腳本 346
21.3.3  實現主角跳躍和移動 348
21.3.4  實現主角移動控制 349
21.4  添加星星 352
21.4.1  製作Prefab（預制）資源星星 352
21.4.2  遊戲主邏輯腳本 353
21.4.3  隨機位置添加星星 355
21.4.4  主角碰觸收集星星 356
21.5  遊戲邏輯實現 357
21.5.1  顯示遊戲得分 357
21.5.2  添加得分邏輯 357
21.5.3  失敗判定和重新開始 359
21.5.4  加入音效 360
21.6  發佈到微信小遊戲平臺 362
第22章  Cocos Creator開發實戰——俄羅斯方塊 364
22.1  俄羅斯方塊小遊戲介紹 364
22.2  創建項目 365
22.2.1  添加資源 365
22.2.2  創建遊戲場景 365
22.3  項目核心代碼實現 367
22.3.1  遊戲方塊的七種形狀 367
22.3.2  遊戲邏輯實現 369
22.3.3  形狀的旋轉和移動 372
22.3.4  遊戲方塊消除 376
22.3.5  遊戲失敗邏輯 377
22.3.6  遊戲暫停以及得分和音效 378
22.3.7  記錄歷史成績功能 380
參考文獻 381