Cocos Creator完全使用手冊

目錄
第　1章 Cocos Creator基礎(chǔ)與開發(fā)
環(huán)境搭建　1
1．1　了解Cocos Creator　1
1．1．1　初識(shí)Cocos Creator　1
1．1．2　工作流程說明　2
1．1．3　功能特性　3
1．1．4　架構(gòu)特色　3
1．2　安裝和啟動(dòng)Cocos Creator　4
1．2．1　下載Cocos Creator　4
1．2．2　Windows安裝說明　5
1．2．3　MacOS安裝說明　6
1．2．4　操作系統(tǒng)要求　6
1．2．5　運(yùn)行Cocos Creator　6
1．2．6　禁用GPU加速　6
1．2．7　使用Cocos開發(fā)者
賬號(hào)登錄　7
1．3　使用Dashboard　7
1．3．1　Dashboard　7
1．3．2　最近打開項(xiàng)目　8
1．3．3　新建項(xiàng)目　9
1．3．4　打開其他項(xiàng)目　10
1．3．5　幫助　10
1．4　“Hello World”案例　11
1．4．1　創(chuàng)建項(xiàng)目　11
1．4．2　初識(shí)Cocos Creator
界面　11
1．4．3　打開場景，開始工作　13
1．4．4　項(xiàng)目分解與嘗試修改　14
1．5　項(xiàng)目結(jié)構(gòu)　19
1．5．1　項(xiàng)目文件夾結(jié)構(gòu)　19
1．5．2　構(gòu)建目標(biāo)　20
1．6　小結(jié)　20
第　2章 編輯器基礎(chǔ)　21
2．1　資源管理器窗口　21
2．1．1　界面預(yù)覽　21
2．1．2　創(chuàng)建資源　22
2．1．3　資源列表　22
2．1．4　搜索資源　22
2．2　場景編輯器窗口　23
2．2．1　視圖介紹　24
2．2．2　視圖常用操作　24
2．2．3　使用節(jié)點(diǎn)變換工具　24
2．3　層級管理器窗口　27
2．3．1　創(chuàng)建節(jié)點(diǎn)　27
2．3．2　刪除節(jié)點(diǎn)　27
2．3．3　改變節(jié)點(diǎn)層級關(guān)系　28
2．3．4　節(jié)點(diǎn)搜索框　28
2．3．5　其他常用操作　28
2．4　屬性檢查器窗口　28
2．5　串口輸出　29
2．6　預(yù)覽和構(gòu)建　30
2．6．1　平臺(tái)選擇　30
2．6．2　模擬器　31
2．6．3　瀏覽器　32
2．7　小結(jié)　33
第3章　Cocos Creator核心概念　34
3．1　節(jié)點(diǎn)與組件　34
3．1．1　節(jié)點(diǎn)　34
3．1．2　創(chuàng)建節(jié)點(diǎn)　36
3．1．3　子節(jié)點(diǎn)　36
3．1．4　組件　36
3．1．5　節(jié)點(diǎn)與組件的結(jié)合　37
3．2　Cocos坐標(biāo)系　38
3．2．1　Cocos坐標(biāo)系　38
3．2．2　世界坐標(biāo)系與本地
坐標(biāo)系　39
3．2．3　節(jié)點(diǎn)的變換屬性　40
3．3　節(jié)點(diǎn)與渲染　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　標(biāo)簽　46
3．5．1　標(biāo)簽組件參考　46
3．5．2　標(biāo)簽組件主要屬性　46
3．5．3　標(biāo)簽組件簡單使用　48
3．6　預(yù)制　48
3．6．1　創(chuàng)建預(yù)制　48
3．6．2　預(yù)制的實(shí)例化　49
3．6．3　修改預(yù)制　50
3．6．4　還原預(yù)制　51
3．6．5　預(yù)制的自動(dòng)同步　51
3．7　小結(jié)　52
第4章　腳本開發(fā)　53
4．1　代碼編譯環(huán)境配置　54
4．1．1　安裝VS Code　54
4．1．2　安裝Cocos Creator API
適配插件　54
4．1．3　在項(xiàng)目中生成智能提示
數(shù)據(jù)　55
4．1．4　使用VS Code打開和
編輯項(xiàng)目　55
4．1．5　使用VS Code激活腳本
編譯　55
4．1．6　為編譯添加快捷鍵　57
4．1．7　使用VS Code調(diào)試
網(wǎng)頁版游戲　58
4．2　節(jié)點(diǎn)和組件　59
4．2．1　創(chuàng)建腳本　59
4．2．2　編輯腳本　60
4．2．3　組件腳本與場景節(jié)點(diǎn)
關(guān)聯(lián)　61
4．2．4　cc．Class　61
4．2．5　繼承　62
4．2．6　聲明屬性　63
4．2．7　聲明屬性的兩種方式　63
4．2．8　訪問節(jié)點(diǎn)和其他組件　66
4．2．9　獲取其他節(jié)點(diǎn)　67
4．2．10　常用節(jié)點(diǎn)和組件接口　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　腳本執(zhí)行順序　75
4．4　創(chuàng)建和銷毀節(jié)點(diǎn)　75
4．4．1　創(chuàng)建新節(jié)點(diǎn)　75
4．4．2　復(fù)制已有節(jié)點(diǎn)　76
4．4．3　創(chuàng)建預(yù)制節(jié)點(diǎn)　76
4．4．4　銷毀節(jié)點(diǎn)　77
4．5　資源管理　78
4．5．1　加載和切換場景　78
4．5．2　腳本中的資源　79
4．5．3　動(dòng)態(tài)加載　80
4．6　CCClass進(jìn)階參考　82
4．6．1　構(gòu)造函數(shù)　82
4．6．2　判斷類型　82
4．6．3　重寫　83
4．6．4　屬性的get與set方法　83
4．7　小結(jié)　84
第5章　事件系統(tǒng)　85
5．1　發(fā)射和監(jiān)聽事件　85
5．1．1　Cocos Creator的事件
系統(tǒng)　85
5．1．2　監(jiān)聽事件　86
5．1．3　關(guān)閉監(jiān)聽　88
5．1．4　發(fā)射事件　89
5．1．5　分發(fā)事件　90
5．2　系統(tǒng)內(nèi)置事件　97
5．2．1　鼠標(biāo)事件　97
5．2．2　觸摸事件　103
5．3　全局系統(tǒng)事件　107
5．3．1　輸入事件　108
5．3．2　鍵盤事件　108
5．3．3　設(shè)備重力傳感事件　114
5．3．4　設(shè)備重力傳感事件案例　115
5．4　小結(jié)　116
第6章　GUI系統(tǒng)　117
6．1　畫布與多分辨率適配　117
6．1．1　畫布組件參考　117
6．1．2　設(shè)計(jì)分辨率和屏幕
分辨率　119
6．1．3　設(shè)計(jì)分辨率和屏幕
分辨率寬高比相同　119
6．1．4　設(shè)計(jì)分辨率寬高比
不等于屏幕分辨率　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　小結(jié)　157
第7章　動(dòng)作系統(tǒng)與計(jì)時(shí)器　158
7．1　動(dòng)作　158
7．1．1　動(dòng)作簡介　158
7．1．2　動(dòng)作基礎(chǔ)接口　159
7．1．3　瞬時(shí)動(dòng)作　160
7．1．4　間隔動(dòng)作　161
7．1．5　容器動(dòng)作　162
7．1．6　緩動(dòng)動(dòng)作　164
7．1．7　動(dòng)作回調(diào)　166
7．2　計(jì)時(shí)器　167
7．2．1　開始一個(gè)計(jì)時(shí)器　167
7．2．2　只執(zhí)行一次的計(jì)時(shí)器　168
7．2．3　取消計(jì)時(shí)器　169
7．3　小結(jié)　169
第8章　動(dòng)畫系統(tǒng)　170
8．1　動(dòng)畫編輯器　171
8．2　創(chuàng)建動(dòng)畫　172
8．2．1　創(chuàng)建動(dòng)畫組件　172
8．2．2　動(dòng)畫組件參考　172
8．2．3　創(chuàng)建動(dòng)畫剪輯并關(guān)
聯(lián)動(dòng)畫組件　173
8．3　編輯動(dòng)畫　174
8．3．1　開始編輯動(dòng)畫剪輯　174
8．3．2　添加一個(gè)新的屬性
軌道　174
8．3．3　刪除一個(gè)屬性軌道　175
8．3．4　添加關(guān)鍵幀　175
8．3．5　選擇關(guān)鍵幀與編輯
關(guān)鍵幀　175
8．3．6　移動(dòng)關(guān)鍵幀　176
8．3．7　刪除關(guān)鍵幀　176
8．3．8　保存修改　176
8．4　編輯逐幀動(dòng)畫　177
8．5　非勻速動(dòng)畫　179
8．5．1　編輯窗口　179
8．5．2　使用預(yù)設(shè)曲線　179
8．5．3　自定義曲線　180
8．6　添加動(dòng)畫事件　180
8．6．1　添加事件　180
8．6．2　編輯動(dòng)畫事件　180
8．6．3　刪除動(dòng)畫事件　181
8．7　使用腳本控制動(dòng)畫　181
8．7．1　播放動(dòng)畫剪輯　182
8．7．2　暫停、恢復(fù)、停止　182
8．8　小結(jié)　184
第9章　音樂與音效　185
9．1　音頻的加載方式　185
9．1．1　音頻格式　185
9．1．2　WebAudio和DOM
Audio　186
9．1．3　手動(dòng)選擇加載模式　186
9．2　使用AudioSource播放　187
9．2．1　AudioSource組件　188
9．2．2　AudioSource API　188
9．3　使用AudioEngine播放　193
9．4　小結(jié)　200
第　10章 調(diào)試與發(fā)布　201
10．1　網(wǎng)頁平臺(tái)調(diào)試　201
10．1．1　調(diào)試打印　202
10．1．2　運(yùn)行時(shí)報(bào)錯(cuò)　203
10．1．3　斷點(diǎn)調(diào)試　206
10．2　原生平臺(tái)調(diào)試　208
10．2．1　調(diào)試打印　208
10．2．2　運(yùn)行時(shí)報(bào)錯(cuò)　210
10．2．3　斷點(diǎn)調(diào)試　210
10．3　網(wǎng)頁平臺(tái)發(fā)布　214
10．3．1　發(fā)布步驟　214
10．3．2　構(gòu)建發(fā)布選項(xiàng)詳解　216
10．4　原生發(fā)布　217
10．4．1　Android原生開發(fā)
環(huán)境配置　217
10．4．2　Android打包發(fā)布
原生平臺(tái)　220
10．4．3　iOS打包發(fā)布　223
10．4．4　其他桌面平臺(tái)打包
發(fā)布　225
10．5　小結(jié)　225
第　11章 微信小游戲開發(fā)與發(fā)布　226
11．1　什么是微信小游戲　227
11．1．1　微信小游戲是微信
小程序　227
11．1．2　微信小游戲入口　227
11．1．3　微信小游戲盈利
方式　227
11．1．4　微信小游戲的開發(fā)　228
11．2　微信公眾平臺(tái)與小游戲
開發(fā)環(huán)境搭建　229
11．2．1　微信公眾平臺(tái)　229
11．2．2　注冊微信公眾平臺(tái)　229
11．2．3　小程序開發(fā)前準(zhǔn)備　231
11．2．4　微信小游戲開發(fā)環(huán)境
搭建　232
11．3　Cocos Creator發(fā)布到微信
小游戲流程　234
11．4　微信小游戲資源管理　237
11．4．1　文件結(jié)構(gòu)　237
11．4．2　包體大小限制　238
11．4．3　遠(yuǎn)程資源下載　238
11．5　微信小游戲的調(diào)試　241
11．5．1　調(diào)試打印　241
11．5．2　斷點(diǎn)調(diào)試　241
11．6　小結(jié)　243