Cocos Creator完全使用手冊

第　1章 Cocos Creator基礎與開發
環境搭建　1
1.1　瞭解Cocos Creator　1
1.1.1　初識Cocos Creator　1
1.1.2　工作流程說明　2
1.1.3　功能特性　3
1.1.4　架構特色　3
1.2　安裝和啟動Cocos Creator　4
1.2.1　下載Cocos Creator　4
1.2.2　Windows安裝說明　5
1.2.3　MacOS安裝說明　6
1.2.4　作業系統要求　6
1.2.5　運行Cocos Creator　6
1.2.6　禁用GPU加速　6
1.2.7　使用Cocos開發者
帳號登錄　7
1.3　使用Dashboard　7
1.3.1　Dashboard　7
1.3.2　最近打開專案　8
1.3.3　新建項目　9
1.3.4　打開其他項目　10
1.3.5　幫助　10
1.4　“Hello World”案例　11
1.4.1　創建項目　11
1.4.2　初識Cocos Creator
介面　11
1.4.3　打開場景，開始工作　13
1.4.4　專案分解與嘗試修改　14
1.5　專案結構　19
1.5.1　專案檔案夾結構　19
1.5.2　構建目標　20
1.6　小結　20
第　2章 編輯器基礎　21
2.1　資源管理器視窗　21
2.1.1　介面預覽　21
2.1.2　創建資源　22
2.1.3　資源列表　22
2.1.4　搜索資源　22
2.2　場景編輯器視窗　23
2.2.1　視圖介紹　24
2.2.2　視圖常用操作　24
2.2.3　使用節點變換工具　24
2.3　層級管理器視窗　27
2.3.1　創建節點　27
2.3.2　刪除節點　27
2.3.3　改變節點層級關係　28
2.3.4　節點搜索框　28
2.3.5　其他常用操作　28
2.4　屬性檢查器視窗　28
2.5　串口輸出　29
2.6　預覽和構建　30
2.6.1　平臺選擇　30
2.6.2　模擬器　31
2.6.3　流覽器　32
2.7　小結　33
第3章　Cocos Creator核心概念　34
3.1　節點與組件　34
3.1.1　節點　34
3.1.2　創建節點　36
3.1.3　子節點　36
3.1.4　組件　36
3.1.5　節點與組件的結合　37
3.2　Cocos坐標系　38
3.2.1　Cocos坐標系　38
3.2.2　世界坐標系與本地
坐標系　39
3.2.3　節點的變換屬性　40
3.3　節點與渲染　42
3.3.1　同級別遮擋　42
3.3.2　不同級別遮擋　42
3.4　精靈　44
3.4.1　精靈元件參考　44
3.4.2　精靈元件主要屬性　45
3.4.3　渲染模式　45
3.4.4　精靈元件簡單使用　46
3.5　標籤　46
3.5.1　標籤元件參考　46
3.5.2　標籤元件主要屬性　46
3.5.3　標籤元件簡單使用　48
3.6　預製　48
3.6.1　創建預製　48
3.6.2　預製的產生實體　49
3.6.3　修改預製　50
3.6.4　還原預製　51
3.6.5　預製的自動同步　51
3.7　小結　52
第4章　腳本開發　53
4.1　代碼編譯環境配置　54
4.1.1　安裝VS Code　54
4.1.2　安裝Cocos Creator API
適配外掛程式　54
4.1.3　在項目中生成智慧提示
數據　55
4.1.4　使用VS Code打開和
編輯專案　55
4.1.5　使用VS Code啟動腳本
編譯　55
4.1.6　為編譯添加快速鍵　57
4.1.7　使用VS Code調試
網頁版遊戲　58
4.2　節點和組件　59
4.2.1　創建腳本　59
4.2.2　編輯腳本　60
4.2.3　組件腳本與場景節點
關聯　61
4.2.4　cc.Class　61
4.2.5　繼承　62
4.2.6　聲明屬性　63
4.2.7　聲明屬性的兩種方式　63
4.2.8　訪問節點和其他組件　66
4.2.9　獲取其他節點　67
4.2.10　常用節點和元件介面　70
4.3　組件生命週期　72
4.3.1　onLoad　73
4.3.2　start　73
4.3.3　update　73
4.3.4　lateUpdate　74
4.3.5　onDestroy　74
4.3.6　onEnable　74
4.3.7　onDisable　74
4.3.8　腳本執行順序　75
4.4　創建和銷毀節點　75
4.4.1　創建新節點　75
4.4.2　複製已有節點　76
4.4.3　創建預製節點　76
4.4.4　銷毀節點　77
4.5　資源管理　78
4.5.1　載入和切換場景　78
4.5.2　腳本中的資源　79
4.5.3　動態載入　80
4.6　CCClass進階參考　82
4.6.1　構造函數　82
4.6.2　判斷類型　82
4.6.3　重寫　83
4.6.4　屬性的get與set方法　83
4.7　小結　84
第5章　事件系統　85
5.1　發射和監聽事件　85
5.1.1　Cocos Creator的事件
系統　85
5.1.2　監聽事件　86
5.1.3　關閉監聽　88
5.1.4　發射事件　89
5.1.5　分發事件　90
5.2　系統內置事件　97
5.2.1　滑鼠事件　97
5.2.2　觸摸事件　103
5.3　全域系統事件　107
5.3.1　輸入事件　108
5.3.2　鍵盤事件　108
5.3.3　設備重力傳感事件　114
5.3.4　設備重力傳感事件案例　115
5.4　小結　116
第6章　GUI系統　117
6.1　畫布與多解析度適配　117
6.1.1　畫布元件參考　117
6.1.2　設計解析度和螢幕
解析度　119
6.1.3　設計解析度和螢幕
解析度寬高比相同　119
6.1.4　設計解析度寬高比
不等於螢幕解析度　120
6.1.5　其他選擇　121
6.2　Widget與使用者介面擺放和對齊　121
6.3　製作可任意拉伸的使用者介面
圖像　126
6.4　Button　131
6.4.1　Button元件參考　131
6.4.2　Button事件　134
6.5　其他常見元件參考　138
6.5.1　EditBox元件參考　139
6.5.2　Layout元件參考　141
6.5.3　ScrollView　143
6.5.4　ProgressBar　145
6.5.5　Toggle元件參考　146
6.5.6　ToggleGroup元件參考　147
6.5.7　Slider元件參考　148
6.5.8　PageView元件參考　149
6.5.9　VideoPlayer元件參考　151
6.5.10　WebView元件參考　154
6.6　小結　157
第7章　動作系統與計時器　158
7.1　動作　158
7.1.1　動作簡介　158
7.1.2　動作基礎介面　159
7.1.3　暫態動作　160
7.1.4　間隔動作　161
7.1.5　容器動作　162
7.1.6　緩動動作　164
7.1.7　動作回檔　166
7.2　計時器　167
7.2.1　開始一個計時器　167
7.2.2　只執行一次的計時器　168
7.2.3　取消計時器　169
7.3　小結　169
第8章　動畫系統　170
8.1　動畫編輯器　171
8.2　創建動畫　172
8.2.1　創建動畫組件　172
8.2.2　動畫元件參考　172
8.2.3　創建動畫剪輯並關
聯動畫組件　173
8.3　編輯動畫　174
8.3.1　開始編輯動畫剪輯　174
8.3.2　添加一個新的屬性
軌道　174
8.3.3　刪除一個屬性軌道　175
8.3.4　添加關鍵幀　175
8.3.5　選擇關鍵幀與編輯
關鍵幀　175
8.3.6　移動關鍵幀　176
8.3.7　刪除關鍵幀　176
8.3.8　保存修改　176
8.4　編輯逐幀動畫　177
8.5　非勻速動畫　179
8.5.1　編輯視窗　179
8.5.2　使用預設曲線　179
8.5.3　自訂曲線　180
8.6　添加動畫事件　180
8.6.1　添加事件　180
8.6.2　編輯動畫事件　180
8.6.3　刪除動畫事件　181
8.7　使用腳本控制動畫　181
8.7.1　播放動畫剪輯　182
8.7.2　暫停、恢復、停止　182
8.8　小結　184
第9章　音樂與音效　185
9.1　音訊的載入方式　185
9.1.1　音訊格式　185
9.1.2　WebAudio和DOM
Audio　186
9.1.3　手動選擇載入模式　186
9.2　使用AudioSource播放　187
9.2.1　AudioSource組件　188
9.2.2　AudioSource API　188
9.3　使用AudioEngine播放　193
9.4　小結　200
第　10章 調試與發佈　201
10.1　網頁平臺調試　201
10.1.1　調試列印　202
10.1.2　運行時報錯　203
10.1.3　中斷點調試　206
10.2　原生平台調試　208
10.2.1　調試列印　208
10.2.2　運行時報錯　210
10.2.3　中斷點調試　210
10.3　網頁平臺發佈　214
10.3.1　發佈步驟　214
10.3.2　構建發佈選項詳解　216
10.4　原生發佈　217
10.4.1　Android原生開發
環境配置　217
10.4.2　Android打包發佈
原生平台　220
10.4.3　iOS打包發佈　223
10.4.4　其他桌面平臺打包
發佈　225
10.5　小結　225
第　11章 微信小遊戲開發與發佈　226
11.1　什麼是微信小遊戲　227
11.1.1　微信小遊戲是微信
小程式　227
11.1.2　微信小遊戲入口　227
11.1.3　微信小遊戲盈利
方式　227
11.1.4　微信小遊戲的開發　228
11.2　微信公眾平臺與小遊戲
開發環境搭建　229
11.2.1　微信公眾平臺　229
11.2.2　註冊微信公眾平臺　229
11.2.3　小程式開發前準備　231
11.2.4　微信小遊戲開發環境
搭建　232
11.3　Cocos Creator發佈到微信
小遊戲流程　234
11.4　微信小遊戲資源管理　237
11.4.1　檔結構　237
11.4.2　包體大小限制　238
11.4.3　遠端資源下載　238
11.5　微信小遊戲的調試　241
11.5.1　調試列印　241
11.5.2　中斷點調試　241
11.6　小結　243