CocosCreator 微信小游戲開發實戰

王紹明

從事多年小遊戲開發，曾任小遊戲開發工程師、遊戲開發高級工程師、技術總監、CTO等職位。
在無錫大城小事網絡技術有限公司工作期間,參與“坦克大戰”“跳一跳”“三國無雙”“
鬥獸棋”“瘋狂的蝸牛”“熊貓跑酷”等小遊戲的設計與開發，對小遊戲開發有著持久的興趣愛好。

第1章 小遊戲 3
1．1 初識小遊戲 3
1．1．1 小遊戲 3
1．1．2 微信小遊戲 4
1．1．3 微信小遊戲官方開發工具 5
1．2 Cocos Creator 6
1．2．1 關於Cocos Creator 6
1．2．2 Cocos Creator工作流程 7
1．2．3 Cocos Creator技術架構 8
1．3 Cocos Creator的安裝與啟動 10
1．3．1 下載與安裝 10
1．3．2 Dashboard 11
1．4 Hello World 12
1．4．1 打開項目 12
1．4．2 Hello World 13
1．5 項目結構 15

第2章 編輯器 17
2．1 資源管理器 18
2．1．1 資源管理器面板 18
2．1．2 資源管理 19
2．2 場景編輯器 20
2．2．1 場景編輯器面板 20
2．2．2 場景編輯器的使用 20
2．3 層級管理器 23
2．3．1 層級管理器面板 23
2．3．2 層級管理器的使用 24
2．4 屬性檢查器 25
2．4．1 屬性檢查器面板 25
2．4．2 屬性檢查器的介紹 26
2．5 設置 27
2．5．1 編輯器設置 27
2．5．2 項目設置 31
2．6 其他 32
2．6．1 控制台 32
2．6．2 主菜單 33
2．6．3 工具欄 34
2．6．4 編輯器佈局 35
2．6．5 控件庫 35
2．6．6 構建預覽 36

第3章 腳本開發 38
3．1 認識腳本 38
3．1．1 創建和使用腳本 38
3．1．2 添加腳本到場景節點中 39
3．1．3 cc． Class 40
3．1．4 訪問節點和其他組件 44
3．1．5 常用節點和組件接口 48
3．2 腳本常用函數與方法 50
3．2．1 生命週期 50
3．2．2 創建和銷毀節點 52
3．2．3 加載和切換場景 55
3．2．4 獲取和加載資源 55
3．3 事件 59
3．3．1 監聽事件和發射事件 59
3．3．2 系統內置事件 61
3．3．3 玩家輸入事件 63
3．4 動作系統 65
3．4．1 使用動作系統 65
3．4．2 計時器 70
3．5 腳本 71
3．5．1 腳本的執行順序 71
3．5．2 模塊化腳本 74
3．5．3 插件腳本 76
3．5．4 TypeScript腳本 77
3．6 其他 77
3．6．1 網絡接口 77
3．6．2 對像池 78
3．6．3 代碼分包加載 80

第4章 子系統 82
4．1 圖像和渲染 82
4．1．1 Sprite組件：圖像顯示 82
4．1．2 Label組件：文本顯示 85
4．1．3 Mask組件：約束組件 86
4．2 外部資源渲染 87
4．2．1 ParticleSystem組件：粒子讀取組件 87
4．2．2 TiledMap組件：地圖組件 89
4．2．3 Spine組件：骨骼動畫的播放、渲染組件 90
4．2．4 DragonBones組件：骨骼動畫資源的播放、渲染組件 90
4．2．5 VideoPlayer組件：視頻播放組件 91
4．2．6 WebView組件：網頁顯示組件 94
4．3 攝像機 96
4．3．1 攝像機 96
4．3．2 攝像機方法 97
4．4 繪圖系統 101
4．5 動畫系統 102
4．5．1 Animation組件 102
4．5．2 動畫事件 103
4．6 物理系統 107
4．6．1 碰撞系統 107
4．6．2 物理引擎 110
4．7 音樂和音效 115

第5章 UI系統 117
5．1 適配 117
5．1．1 多分辨率適配 117
5．1．2 對齊挂件 119
5．1．3 文字排版 119
5．1．4 自動佈局容器 120
5．2 UI組件 121
5．2．1 Canvas組件 121
5．2．2 Widget組件 121
5．2．3 Button組件 122
5．2．4 Layout組件 125
5．2．5 EditBox組件 126
5．2．6 ScrollView組件 129
5．2．7 ScrollBar組件 132
5．2．8 ProgressBar組件 132
5．2．9 Toggle組件 133
5．2．10 ToggleGroup組件 135
5．2．11 Slider組件 135
5．2．12 PageView組件 137
5．2．13 PageViewIndicator組件 140
5．2．14 BlockInputEvents組件 140
5．3 製作拉伸圖像和動態列表 141
5．3．1 製作拉伸圖像 141
5．3．2 製作動態列表 141

第6章 CocosCreator提高 145
6．1 開放數據域 145
6．1．1 開放數據域介紹 145
6．1．2 開放數據域示例 146
6．2 資源、數據管理 151
6．2．1 資源管理――meta文件 151
6．2．2 存儲和讀取數據 153
6．2．3 熱更新 154
6．3 擴展補充 155
6．3．1 擴展編輯器 155
6．3．2 SDK集成 162
6．3．3 管理項目資源 165

第二篇 實戰案例篇
第7章 精準射擊 169
7．1 項目初始化 169
7．2 腳本編寫 170

第8章 搖桿控制 173
8．1 項目初始化 173
8．2 腳本編寫 174

第9章 跳一跳 180
9．1 準備項目和資源 181
9．2 創建遊戲場景 181
9．3 創建遊戲主角的腳本 183
9．4 創建遊戲控制腳本 186

第10章 地圖路徑 189
10．1 項目初始化 189
10．2 腳本編寫 191

第11章 觸摸控制角色移動射擊 197
11．1 項目初始化 197
11．2 腳本編寫 198

第12章 NPC的控制 203
12．1 項目初始化 203
12．2 腳本編寫 204

第13章 天氣效果――雨 209
13．1 項目初始化 209
13．2 腳本編輯 210

第14章 打地鼠 215
14．1 項目初始化 215
14．2 腳本編輯 216

第15章 消消樂 221
15．1 項目初始化 221
15．2 腳本編輯 223

第16章 捕魚達人 243
16．1 項目初始化 243
16．2 腳本編輯 244

第17章 趣味套牛 255
17．1 項目初始化 255
17．1．1 創建項目 256
17．1．2 項目資源 256
17．2 搭建遊戲場景 257
17．2．1 創建遊戲場景 257
17．2．2 設置遊戲場景圖片 257
17．3 按鈕控制套繩套牛 258
17．3．1 單擊事件 259
17．3．2 控製繩子伸縮 260
17．4 遊戲核心――套牛 261
17．4．1 遊戲動畫腳本 261
17．4．2 編寫遊戲邏輯腳本 264
17．4．3 構建牛的預製體 267
17．5 套牛玩法 268
17．5．1 隨機產生一頭牛 268
17．5．2 對套牛成功、失敗的判斷 270
17．6 構建發布 274
17．6．1 構建發布遊戲項目 274
17．6．2 微信小遊戲 276

第18章 趣味桌球 278
18．1 項目初始化 279
18．1．1 創建項目 279
18．1．2 搭建遊戲場景 279
18．2 腳本編寫 282
18．2．1 開啟物理系統 282
18．2．2 白球的碰撞檢測 283
18．2．3 球桿擊球 285
18．2．4 球與球直接的碰撞檢測 288
18．2．5 重新開始遊戲 290

第19章 點我+1 292
19．1 項目初始化 293
19．1．1 創建項目 293
19．1．2 搭建遊戲場景 293
19．1．3 搭建遊戲結束場景 294
19．2 開始遊戲 294
19．2．1 開始遊戲頁面 294
19．2．2 場景切換、播放音樂 295
19．3 主遊戲場景腳本編寫 297
19．3．1 主遊戲頁面初始化 297
19．3．2 主遊戲頁面遊戲邏輯實現 308
19．3．3 主遊戲頁面遊戲邏輯完整腳本 319
19．4 遊戲結束頁面 329

第20章 跑酷 333
20．1 項目初始化 333
20．2 遊戲場景實現 334
20．2．1 循環的遊戲場景 334
20．2．2 不斷出現的台階 336
20．2．3 隨機生成金幣 340
20．3 收集金幣 345

第21章 抽獎遊戲 355
21．1 轉盤抽獎遊戲 355
21．1．1 創建項目 356
21．1．2 搭建弱聯網服務器 356
21．1．3 腳本編輯 357
21．2 街機抽獎遊戲 365
21．2．1 項目初始化 365
21．2．2 腳本編輯 366

第22章 瘋狂坦克 371
22．1 項目初始化 372
22．1．1 創建項目 372
22．1．2 搭建遊戲場景 372
22．2 腳本編輯 373
22．2．1 開始遊戲頁面 374
22．2．2 主遊戲頁面 375
22．2．3 主遊戲腳本 380

第23章 橡皮怪 418
23．1 項目初始化 419
23．1．1 創建項目 419
23．1．2 搭建遊戲場景 419
23．1．3 搭建遊戲結束場景 420
23．2 腳本編輯 420
23．2．1 開始遊戲頁面 421
23．2．2 主遊戲頁面 422
23．2．3 遊戲結束頁面 435

第24章 棍子英雄 437
24．1 項目初始化 438
24．1．1 創建項目 438
24．1．2 搭建遊戲場景 439
24．2 腳本編輯 439
24．2．1 開始遊戲頁面 439
24．2．2 主遊戲頁面 442