視頻演講稿：（必看）

文章目錄

• 01搭建開(kāi)發(fā)環(huán)境hello world

• 02 導(dǎo)入3D資源,搭建游戲場(chǎng)景

• 03 控制貓移動(dòng)

• 04生成無(wú)縫地圖

• 05生成障礙物和魚(yú)

• 06 碰撞檢測(cè)+動(dòng)畫(huà)編輯器

• 07 UI模塊和UI適配（位圖字體）

• 09 動(dòng)態(tài)加載資源-復(fù)活頁(yè)

• 010 場(chǎng)景切換

• 010 聲音模塊+數(shù)據(jù)存取

• 011 場(chǎng)景設(shè)置+課程總結(jié)

• 分包加載

cocos creator 3d 3.0實(shí)戰(zhàn)開(kāi)發(fā)

cocos creator 3d 游戲開(kāi)發(fā)

薦語(yǔ)：
3.0的版本我個(gè)人覺(jué)得非常好用！使用下來(lái)開(kāi)發(fā)效率明顯提升了不少
但是！
3.0對(duì)于2.x的版本來(lái)言改變較大
近日有開(kāi)發(fā)者們?cè)谌豪镉邪l(fā)出抱怨
“資料實(shí)在太少了”，“有沒(méi)有例子呀？？？”

甚至出現(xiàn)2.0項(xiàng)目移植到3.0過(guò)程中，出現(xiàn)卡問(wèn)題的情況 主要原因是：對(duì)新的代碼架構(gòu)不熟悉，老接口不知道如何轉(zhuǎn)換 從而浪費(fèi)大量了的時(shí)間摸索，導(dǎo)致了項(xiàng)目進(jìn)度沒(méi)有確定性 為此制作了這期課程和項(xiàng)目 對(duì)于有經(jīng)驗(yàn)的開(kāi)發(fā)者，只需要閱讀源碼即可快速過(guò)渡到3.0 對(duì)于新手用戶也有詳細(xì)的視頻教程 學(xué)習(xí)本課程至少節(jié)省3-7天時(shí)間！

歡迎來(lái)到 cocos creator 3d 3.0 實(shí)戰(zhàn)開(kāi)發(fā)教程
cocos creator 3d 教程
cocos 教程
cocos 3.0 教程
cocos creator 3.0 教程
cocos creator 教程
cocos 3d 教程

大家好，我是杰
本人資歷
游戲開(kāi)發(fā)前端程序，6年開(kāi)發(fā)經(jīng)驗(yàn)

2014-2018年從事U3D開(kāi)發(fā)
2018年至今從事小游戲開(kāi)發(fā)（laya，cocos3d）

教育培訓(xùn)資歷
2016年《泰課在線》簽約講師
2020年《騰訊課堂》簽約講師

在小游戲領(lǐng)域單品注冊(cè)用戶超過(guò)600萬(wàn)的部分產(chǎn)品展示

參與過(guò)的作品:
《怪物逃X(jué)》《空中飛X》《水槍奇X》
《滑板沖沖X》《蛋糕飛X》《糾結(jié)大X》等

實(shí)戰(zhàn)效果項(xiàng)目演示

課程目錄
Cocos 3d 3.0《懶貓跑酷》 教案

01安裝調(diào)試hello world
輸出hellwo，構(gòu)建高效代碼開(kāi)發(fā)環(huán)境

02 3d資源到導(dǎo)入
為場(chǎng)景創(chuàng)建一個(gè)貓和一個(gè)天空盒和一條道路,以講述材質(zhì)類(lèi)型的區(qū)別

03 貓的奔跑和操作
實(shí)現(xiàn)奔跑左移和右移,畫(huà)播放

04 生成無(wú)縫地圖
設(shè)計(jì)無(wú)縫創(chuàng)建類(lèi)，且利用對(duì)象池優(yōu)化內(nèi)存

05 生成障礙物和魚(yú)

07 碰撞檢測(cè)

08 搭建游戲中UI（UI適配）+位圖字體

09 動(dòng)態(tài)加載資源-復(fù)活頁(yè)

010 聲音和震動(dòng)功能

011 搭建首頁(yè)場(chǎng)景

012 分包加載
搭建讀取進(jìn)度條界面,實(shí)現(xiàn)分包加載邏輯

013 發(fā)布微信

014 使用心得
講述優(yōu)缺點(diǎn)，性能,評(píng)估商業(yè)價(jià)值

課程的設(shè)計(jì)是一款已經(jīng)上線并且的盈利的項(xiàng)目
把游戲工業(yè)化中最常用的功能整理，并且精簡(jiǎn)出來(lái)
之所以這樣設(shè)計(jì)，是為了把教學(xué)和商業(yè)實(shí)戰(zhàn)結(jié)合起來(lái)
把學(xué)習(xí)的時(shí)間和成本降到最低

感謝觀看本次視頻

01搭建開(kāi)發(fā)環(huán)境hello world

目標(biāo)
創(chuàng)建空項(xiàng)目,打印hello world和斷點(diǎn)

開(kāi)發(fā)者應(yīng)預(yù)先安裝
Visual Studio Code
Google Chrome
cocos creator 3d 且集成3.0編輯器

以上工具在Q群均可下載

設(shè)置中文

設(shè)置vscode 路徑

安裝
debugger-for-chrome

添加配置文件

新建Helloworld腳本
新建場(chǎng)景helloworld
給任意對(duì)象掛上腳本

保存 ->運(yùn)行

技巧

代碼更改后快速預(yù)覽

ctrl+shift+P打開(kāi)鍵盤(pán)快捷鍵

在這里插入圖片描述
快捷鍵設(shè)置為CocosCreator compile編譯任務(wù)

在更改代碼后，刷新瀏覽器即可

你很有可能遇到編譯失敗

使用vscode進(jìn)行編譯，需要安裝curl 工具
安裝教程
https://jingyan.baidu.com/article/a681b0dec4c67a3b1943467c.html

完成！下期見(jiàn)

02 導(dǎo)入3D資源,搭建游戲場(chǎng)景

內(nèi)容太多具體看視頻操作

總結(jié)

這節(jié)我們掌握了cocos 3D 編輯器的基本操作，并且擺放好了場(chǎng)景中的模型

我們通過(guò)更改的材質(zhì)讓顯示效果達(dá)到最佳

把重復(fù)的材質(zhì)提取為公用材質(zhì)，提高了渲染性能

本節(jié)講解完畢，感謝收看本期視頻
歡迎各位開(kāi)發(fā)者進(jìn)群進(jìn)行交流學(xué)習(xí)
QQ群730358845

感謝觀看本次視頻

03 控制貓移動(dòng)

內(nèi)容包含: 3d模型 播放動(dòng)作文件，控制貓的前進(jìn)，通過(guò)鼠標(biāo)滑動(dòng)，控制左移和右移動(dòng)

04生成無(wú)縫地圖

內(nèi)容包含:無(wú)縫地圖的編碼設(shè)計(jì)，代碼實(shí)例化預(yù)制體，利用對(duì)象池優(yōu)化內(nèi)存

05生成障礙物和魚(yú)

在下圖可見(jiàn)，建筑物，障礙物，獎(jiǎng)勵(lì)品的創(chuàng)建過(guò)程只有小部分不一樣
針對(duì)這種情況,使用面向?qū)ο箝_(kāi)發(fā)思想,進(jìn)行代碼復(fù)用，重載創(chuàng)建規(guī)則，則可以達(dá)到事半功倍

感謝收看本期視頻
歡迎各位開(kāi)發(fā)者進(jìn)群進(jìn)行交流學(xué)習(xí)
QQ群730358845

感謝觀看本次視頻

06 碰撞檢測(cè)+動(dòng)畫(huà)編輯器

為貓，障礙物，魚(yú)分別添加碰撞體

為障礙物制作倒下的動(dòng)畫(huà)和豎起的動(dòng)畫(huà)

編寫(xiě)貓吃到的魚(yú)的邏輯和撞到障礙物的邏輯

需要注意的是要把物理模塊更改為內(nèi)置物理(因?yàn)椴恍枰锢砼鲎残Ч翌?lèi)庫(kù)代碼小)

07 UI模塊和UI適配（位圖字體）

搭建復(fù)活頁(yè)和游戲頁(yè)作為演講素材

感謝收看本期視頻
歡迎各位開(kāi)發(fā)者進(jìn)群進(jìn)行交流學(xué)習(xí)
QQ群730358845

感謝觀看本次視頻

09 動(dòng)態(tài)加載資源-復(fù)活頁(yè)

編寫(xiě)UI管理類(lèi)，實(shí)現(xiàn)動(dòng)態(tài)加載資源

本節(jié)實(shí)現(xiàn)了復(fù)活邏輯和動(dòng)態(tài)加載復(fù)活頁(yè)，資源管理類(lèi)的編寫(xiě)，和UI管理類(lèi)的編寫(xiě)

感謝收看本期視頻
歡迎各位開(kāi)發(fā)者進(jìn)群進(jìn)行交流學(xué)習(xí)
QQ群730358845

010 場(chǎng)景切換

本節(jié)的知識(shí)要點(diǎn)包括，資源包的導(dǎo)入和導(dǎo)出，代碼加載場(chǎng)景,制作首頁(yè)UI并編寫(xiě)控制腳本

首頁(yè)場(chǎng)景的創(chuàng)建
相信看過(guò)第三節(jié)課程的開(kāi)發(fā)者也掌握?qǐng)鼍按罱ǖ姆椒?，就不再錄制搭建的過(guò)程了
我事前已經(jīng)搭建好了場(chǎng)景，現(xiàn)在只需要導(dǎo)入資源即可

感謝收看本期視頻
歡迎各位開(kāi)發(fā)者進(jìn)群進(jìn)行交流學(xué)習(xí)
QQ群730358845

010 聲音模塊+數(shù)據(jù)存取

完成游戲中聲音的設(shè)計(jì)

為了模塊能全局調(diào)用 ,聲音管理類(lèi)設(shè)計(jì)為場(chǎng)景單例,

聲明常駐根節(jié)點(diǎn)，該節(jié)點(diǎn)不會(huì)在場(chǎng)景切換中被銷(xiāo)毀。

保存聲音的設(shè)置-數(shù)據(jù)存取類(lèi)

感謝收看本期視頻
歡迎各位開(kāi)發(fā)者進(jìn)群進(jìn)行交流學(xué)習(xí)
QQ群730358845

011 場(chǎng)景設(shè)置+課程總結(jié)

為游戲場(chǎng)景添加天空模型和霧化效果

本套設(shè)計(jì)課程到這里就全部完結(jié)

課程章節(jié)文件目錄展示

后續(xù)課程介紹

因?yàn)?br>本套課程側(cè)重于 游戲制作和設(shè)計(jì)

所以
商業(yè)平臺(tái)對(duì)接部分會(huì)單獨(dú)開(kāi)一個(gè)課程講解
（vivo,oppo,抖音，QQ，微信，百度，魅族，小米，華為）

?微信開(kāi)發(fā)?

?解決微信包體需要小于4兆

微信平臺(tái)的編碼和資源架構(gòu)?

實(shí)現(xiàn)分包加載和進(jìn)度條顯示?

震動(dòng)功能?

平臺(tái)的常見(jiàn)問(wèn)題和處理手段

比如程序切后臺(tái)到前臺(tái)的切換回導(dǎo)致聲音中斷，等情況

最終目的是發(fā)布到真機(jī)運(yùn)行?

現(xiàn)在進(jìn)行本套課程回顧?

開(kāi)發(fā)環(huán)境的搭建和斷點(diǎn)，通過(guò)VScode進(jìn)行編譯和運(yùn)行

資源導(dǎo)入和導(dǎo)出

3d編輯器的使用

?模型材質(zhì)的設(shè)置和優(yōu)化

?動(dòng)畫(huà)系統(tǒng)的使用(動(dòng)畫(huà)編輯器+配置模型動(dòng)畫(huà))?

預(yù)制體的制作和使用?

ui制作和ui適配

碰撞器

游戲編碼設(shè)計(jì)和架構(gòu)?

代碼動(dòng)態(tài)加載資源,切換場(chǎng)景

數(shù)據(jù)存取

聲音模塊?

ui管理類(lèi)

單例模式

對(duì)象池

理解腳本生命周期

碰撞檢測(cè)?

以上是 學(xué)習(xí)任何開(kāi)發(fā)引擎都要經(jīng)過(guò)步驟和思想

本課程均有涵蓋

《懶貓跑酷》 cocos creator ?3.0 游戲開(kāi)發(fā)教程完結(jié)

感謝敢看本套課程 ?

幕后花絮: ?

今天是21年3月1號(hào) ?cocos 3.0 《懶貓跑酷》 設(shè)計(jì)開(kāi)發(fā)教程 ?

從2月22號(hào)開(kāi)始制作?

使用時(shí)間7天半 ? ? ?

去年8月也講過(guò)一次這個(gè)題材，用的是其他引擎?

之所以再次使用這套題材作為講解，是因?yàn)橛薪?jīng)驗(yàn)積累，可以把課程時(shí)間和輸出內(nèi)容把控好 我預(yù)想中的效果要求，精練流暢，從易到難，具有實(shí)際意義.

實(shí)現(xiàn)過(guò)程:把知識(shí)點(diǎn)劃分好，在恰當(dāng)?shù)臅r(shí)機(jī)逐個(gè)抖出要點(diǎn)，節(jié)點(diǎn)之間編寫(xiě)承上啟下的語(yǔ)言過(guò)渡 課程結(jié)構(gòu)和文稿一共改過(guò)兩版

改完文稿之后，就給自己定制了每天堅(jiān)持至少完成一節(jié)課的錄制任務(wù)

最終在今天完更，特此記錄，作為留念

分包加載

? ?2021/03/03 微信平臺(tái)功能的制作 震動(dòng)功能完成 發(fā)布微信平臺(tái)配置分包 微信平臺(tái)主包內(nèi)容需要小于4M,我們游戲資源已經(jīng)12M，所以要構(gòu)建分包，以達(dá)到符合平臺(tái)要求 本節(jié)我們編寫(xiě)了進(jìn)度加載，分包資源的架構(gòu)說(shuō)明，并且通過(guò)了真機(jī)測(cè)試