Cocos Creator作為Cocos2d-x官方推出的多平臺(tái)開(kāi)發(fā)工具,已經(jīng)在眾多Cocos圖形編程工具中脫穎而出,而其直接發(fā)布成Html5版本的工作流程與方式必將在Html5的時(shí)代中大放異彩。本書(shū)從零開(kāi)始,帶領(lǐng)用戶(hù)從Cocos環(huán)境配置、操作、腳本與代碼、產(chǎn)品優(yōu)化等方面詳盡闡述如何制作多平臺(tái)發(fā)布的游戲,并介紹如何將其發(fā)布互聯(lián)網(wǎng)。同時(shí),針對(duì)目前市場(chǎng)火熱的微信小游戲的開(kāi)發(fā)和發(fā)布,用一整章內(nèi)容來(lái)詳細(xì)講解。
本書(shū)適合從事游戲開(kāi)發(fā)的職場(chǎng)新人及想要在游戲開(kāi)發(fā)領(lǐng)域有所提升的中級(jí)開(kāi)發(fā)人員,也適合作為高校計(jì)算機(jī)相關(guān)專(zhuān)業(yè)的教學(xué)參考書(shū),及游戲引擎開(kāi)發(fā)培訓(xùn)班的教材。
國(guó)內(nèi)官方的Cocos Creator著作。本書(shū)從該工具引擎自帶接口、圖形操作指南、優(yōu)化與進(jìn)階等方面,詳盡介紹了如何使用Cocos Creator制作游戲并發(fā)布的全過(guò)程。是初學(xué)者的好老師,同時(shí)也是從業(yè)者不可或缺的工具書(shū)。
·受眾廣泛:本書(shū)介紹了從零基礎(chǔ)到獨(dú)立開(kāi)發(fā)游戲的整個(gè)過(guò)程,風(fēng)格簡(jiǎn)潔,圖文并茂,適合初學(xué)者入門(mén)。同時(shí),書(shū)中對(duì)Cocos Creator的核心概念進(jìn)行了深入剖析,也適用于有一定基礎(chǔ)或有Cocos其他系列產(chǎn)品使用經(jīng)驗(yàn)的開(kāi)發(fā)者。
·操作性強(qiáng):書(shū)中針對(duì)每一個(gè)知識(shí)點(diǎn)提供了對(duì)應(yīng)實(shí)例,通過(guò)代碼幫助讀者理解概念與接口,針對(duì)重點(diǎn)章節(jié)內(nèi)容,本書(shū)提供了帶有詳盡操作步驟與操作效果的整體案例,讀者可按圖索驥,快速掌握Cocos Creator的使用要領(lǐng)。
·與時(shí)俱進(jìn):書(shū)中涉及的各種開(kāi)發(fā)、調(diào)試和發(fā)布工具皆為目前游戲開(kāi)發(fā)的主流工具;還在常規(guī)的iOS、Android和web等平臺(tái)發(fā)布流程的基礎(chǔ)上,添加了時(shí)下熱門(mén)的微信小游戲平臺(tái)的調(diào)試與發(fā)布流程。
宋志京,畢業(yè)于北京工業(yè)大學(xué),目前任觸控未來(lái)講師,主要負(fù)責(zé)Cocos軟件的教學(xué)工作。有10余年代碼開(kāi)發(fā)經(jīng)驗(yàn),曾任目標(biāo)在線(xiàn)、翼虎樂(lè)游、維度樂(lè)享等多家公司技術(shù)總監(jiān)。曾主導(dǎo)、參與開(kāi)發(fā)多款國(guó)內(nèi)、海外上線(xiàn)暢銷(xiāo)手機(jī)游戲。對(duì)多種編程語(yǔ)言與多種游戲引擎有深入理解,尤其擅長(zhǎng)網(wǎng)絡(luò)與各種輕度架構(gòu)。
目錄
第 1章 Cocos Creator基礎(chǔ)與開(kāi)發(fā)
環(huán)境搭建 1
1.1 了解Cocos Creator 1
1.1.1 初識(shí)Cocos Creator 1
1.1.2 工作流程說(shuō)明 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安裝說(shuō)明 5
1.2.3 MacOS安裝說(shuō)明 6
1.2.4 操作系統(tǒng)要求 6
1.2.5 運(yùn)行Cocos Creator 6
1.2.6 禁用GPU加速 6
1.2.7 使用Cocos開(kāi)發(fā)者
賬號(hào)登錄 7
1.3 使用Dashboard 7
1.3.1 Dashboard 7
1.3.2 最近打開(kāi)項(xiàng)目 8
1.3.3 新建項(xiàng)目 9
1.3.4 打開(kāi)其他項(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 打開(kāi)場(chǎng)景,開(kāi)始工作 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 場(chǎng)景編輯器窗口 23
2.2.1 視圖介紹 24
2.2.2 視圖常用操作 24
2.2.3 使用節(jié)點(diǎn)變換工具 24
2.3 層級(jí)管理器窗口 27
2.3.1 創(chuàng)建節(jié)點(diǎn) 27
2.3.2 刪除節(jié)點(diǎn) 27
2.3.3 改變節(jié)點(diǎn)層級(jí)關(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 同級(jí)別遮擋 42
3.3.2 不同級(jí)別遮擋 42
3.4 精靈 44
3.4.1 精靈組件參考 44
3.4.2 精靈組件主要屬性 45
3.4.3 渲染模式 45
3.4.4 精靈組件簡(jiǎn)單使用 46
3.5 標(biāo)簽 46
3.5.1 標(biāo)簽組件參考 46
3.5.2 標(biāo)簽組件主要屬性 46
3.5.3 標(biāo)簽組件簡(jiǎn)單使用 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章 腳本開(kāi)發(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打開(kāi)和
編輯項(xiàng)目 55
4.1.5 使用VS Code激活腳本
編譯 55
4.1.6 為編譯添加快捷鍵 57
4.1.7 使用VS Code調(diào)試
網(wǎng)頁(yè)版游戲 58
4.2 節(jié)點(diǎn)和組件 59
4.2.1 創(chuàng)建腳本 59
4.2.2 編輯腳本 60
4.2.3 組件腳本與場(chǎng)景節(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 訪問(wèn)節(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)建和銷(xiāo)毀節(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 銷(xiāo)毀節(jié)點(diǎn) 77
4.5 資源管理 78
4.5.1 加載和切換場(chǎng)景 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 判斷類(lèi)型 82
4.6.3 重寫(xiě) 83
4.6.4 屬性的get與set方法 83
4.7 小結(jié) 84
第5章 事件系統(tǒng) 85
5.1 發(fā)射和監(jiān)聽(tīng)事件 85
5.1.1 Cocos Creator的事件
系統(tǒng) 85
5.1.2 監(jiān)聽(tīng)事件 86
5.1.3 關(guān)閉監(jiān)聽(tīng) 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 鍵盤(pán)事件 108
5.3.3 設(shè)備重力傳感事件 114
5.3.4 設(shè)備重力傳感事件案例 115
5.4 小結(jié) 116
第6章 GUI系統(tǒng) 117
6.1 畫(huà)布與多分辨率適配 117
6.1.1 畫(huà)布組件參考 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與用戶(hù)界面擺放和對(duì)齊 121
6.3 制作可任意拉伸的用戶(hù)界面
圖像 126
6.4 Button 131
6.4.1 Button組件參考 131
6.4.2 Button事件 134
6.5 其他常見(jiàn)組件參考 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)作簡(jiǎn)介 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 開(kāi)始一個(gè)計(jì)時(shí)器 167
7.2.2 只執(zhí)行一次的計(jì)時(shí)器 168
7.2.3 取消計(jì)時(shí)器 169
7.3 小結(jié) 169
第8章 動(dòng)畫(huà)系統(tǒng) 170
8.1 動(dòng)畫(huà)編輯器 171
8.2 創(chuàng)建動(dòng)畫(huà) 172
8.2.1 創(chuàng)建動(dòng)畫(huà)組件 172
8.2.2 動(dòng)畫(huà)組件參考 172
8.2.3 創(chuàng)建動(dòng)畫(huà)剪輯并關(guān)
聯(lián)動(dòng)畫(huà)組件 173
8.3 編輯動(dòng)畫(huà) 174
8.3.1 開(kāi)始編輯動(dòng)畫(huà)剪輯 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)畫(huà) 177
8.5 非勻速動(dòng)畫(huà) 179
8.5.1 編輯窗口 179
8.5.2 使用預(yù)設(shè)曲線(xiàn) 179
8.5.3 自定義曲線(xiàn) 180
8.6 添加動(dòng)畫(huà)事件 180
8.6.1 添加事件 180
8.6.2 編輯動(dòng)畫(huà)事件 180
8.6.3 刪除動(dòng)畫(huà)事件 181
8.7 使用腳本控制動(dòng)畫(huà) 181
8.7.1 播放動(dòng)畫(huà)剪輯 182
8.7.2 暫停、恢復(fù)、停止 182
8.8 小結(jié) 184
第9章 音樂(lè)與音效 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)頁(yè)平臺(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)頁(yè)平臺(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原生開(kāi)發(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章 微信小游戲開(kāi)發(fā)與發(fā)布 226
11.1 什么是微信小游戲 227
11.1.1 微信小游戲是微信
小程序 227
11.1.2 微信小游戲入口 227
11.1.3 微信小游戲盈利
方式 227
11.1.4 微信小游戲的開(kāi)發(fā) 228
11.2 微信公眾平臺(tái)與小游戲
開(kāi)發(fā)環(huán)境搭建 229
11.2.1 微信公眾平臺(tái) 229
11.2.2 注冊(cè)微信公眾平臺(tái) 229
11.2.3 小程序開(kāi)發(fā)前準(zhǔn)備 231
11.2.4 微信小游戲開(kāi)發(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