這么全的 Cocos Creator 3.x 學習資源，竟然是免費的！
目前 Cocos Creator 3.0 越來越成熟，使用 Cocos Creator 做游戲的小伙伴越來越多。我們在這里整理了現(xiàn)階段最全面、最優(yōu)質(zhì)的 Cocos Creator 3.x 的學習資料，供大家參考、交流。歡迎加入 Cocos Creator 3.x 的大家庭！
更詳細的說明請點擊文末【閱讀原文】移步 Cocos 論壇討論帖，我們將不定期更新，為大家提供最新學習資料。論壇地址：
https://forum.cocos.org/t/topic/122399
PART 1
Cocos Creator 編輯器
通過官方文檔「新手上路」，了解一下 v3.x 編輯器。
「Cocos Creator下載安裝」
「使用 Dashboard」
「編輯器界面介紹」
「項目結(jié)構(gòu)」
「入門指南合集：編輯器面板介紹視頻」
Cocos Creator 引擎功能
Cocos Creator 里的組件有什么功能、能產(chǎn)生什么效果、該如何去做，都可以通過下列的展示來了解。
「展示范例合集」：從基本組件的使用到渲染效果的展示，項目包括多個側(cè)重功能不同的場景及多個游戲 Demo。
GitHub -
https://github.com/cocos-creator/example-3d
Gitee -
https://gitee.com/mirrors_cocos-creator/example-3d
「物理測試范例」：包含了一些物理測試例和案例工程，如吞噬黑洞、簡化小車、墜落小球等。
GitHub -
https://github.com/cocos-creator/example-3d/tree/v3.0/physics-3d
Gitee -
「Simple-Games」：簡單小游戲集合演示 Demo。
GitHub -
https://github.com/cocos-creator/example-3d/tree/v3.0/simple-games
Gitee -
「模塊展示集合」：引擎各個功能的范例項目，基本涵蓋了引擎的大部分功能模塊。
GitHub -
https://github.com/cocos-creator/test-cases-3d
Gitee -
「UI 展示 Demo」：各類 UI 組件組合使用的演示 Demo。
GitHub -
https://github.com/cocos-creator/demo-ui/
Gitee -
https://gitee.com/mirrors_cocos-creator/demo-ui/
PART 2
TypeScript
Cocos Creator v3.x 僅支持 TypeScript，以下內(nèi)容將告訴你什么是 TypeScript、為什么要使用 TypeScript、TypeScript 與 JavaScript 的區(qū)別等。
「為什么選擇使用 TypeScript？」
「TypeScript 入門教程」
「X 分鐘速成 TypeScript」
「Cocos Creator 3.0 TypeScript 問題答疑及經(jīng)驗分享」
「TypeScript 官方網(wǎng)站」
「TypeScript 中文網(wǎng)」
「TypeScript - Classes」
「TypeScript - Decorators」
「TypeScript - DefinitelyTyped」
「TypeScript 開源代碼倉庫」
視頻教程
如果你更喜歡通過視頻來進行學習，也可以參考以下內(nèi)容：
「尚硅谷2021版 TypeScript 教程」
「黑馬程序員最新 TypeScript 入門視頻」
「5天入門 TypeScript」
「從入門到精通全集入門 TypeScript」
https://www.bilibili.com/video/BV1784y1c7V9
PART 3
當你對 Cocos Creator 引擎和 TypeScript 都有一定的了解，就可以通過優(yōu)質(zhì)實戰(zhàn)項目，來進行模仿學習。
項目實戰(zhàn)+源碼-文字類
「一步兩步」
GitHub -
https://github.com/cocos-creator/tutorial-mind-your-step-3d
Gitee -
「彈彈樂教程和源碼分享」
「3D 打磚塊」
「不停歇的球」
「拇指射箭」
「拇指投籃」
「螞蟻莊園運動會」
「懶貓跑酷」
項目實戰(zhàn)+源碼-視頻類
「快上車」
「懶貓跑酷」
「奔跑吧巨人」
「音樂彈球」
「架木板」
「快打快逃」
「開發(fā) 2D 模仿超級瑪麗類游戲?qū)嶄洝?/p>
「Snake VS Block 小游戲教程」
Cocos Store 完整項目
除此之外，Cocos Store 上也有許多完整游戲項目，不僅包含源碼、美術(shù)素材（3D模型，特效，動畫等）、策劃方案，有的還提供了配套的文字或視頻教程。后續(xù)，官方也將不斷發(fā)布更多不同類型的游戲項目給到開發(fā)者，敬請關(guān)注。
「幽靈射手」
「奔跑吧小仙女」
「奔跑吧巨人」
「快上車」
免費美術(shù)資源
自己動手做的時候，有缺失美術(shù)資源的苦惱嗎？Cocos Store 也提供了許多免費美術(shù)素材，供大家使用。
「實拍和 3D 掃描的貼圖和模型資源」
「HDRI 全景貼圖首選資源，UE 官方文檔推薦」
「國內(nèi)美術(shù)大神教程集合地」
「國內(nèi)最大的美術(shù)資源論壇，集合資源、教程、作品分享、插件筆刷等」
「世界級的美術(shù)大神都在這里，有大神自創(chuàng)的筆刷、插件、shader、教程等可供下載」
「角色動畫動作捕捉資源庫」
https://www.mixamo.com/
PART 4
想要的功能和效果不知道如何實現(xiàn)？做出來的成品不太滿意？我們整理了一些特色功能實現(xiàn)教程供大家參考，說不定就能學到新的知識，靈感迸發(fā)。在此也感謝各位開發(fā)者的無私分享！
「簡單的卡通水體渲染教程」
「關(guān)于黑洞游戲的簡易實現(xiàn)思路」
「3D 不規(guī)則地形行走」
「標志板！教程」
「3D 換裝」
「2D 素材 3D 效果」
「折紙效果 / 豎排文本」
「四元數(shù)與 3D 旋轉(zhuǎn)實例」
「彈性跟隨相機」
「3.x 2D 超大隨機地圖」
「FPS Demo」
「殘影效果」
PART 5
有了一定基礎(chǔ)后，就可以學習一些進階內(nèi)容，以下是做一個 3D 游戲應(yīng)當深入了解的部分內(nèi)容。
3D 游戲
《3D數(shù)學基礎(chǔ):圖形與游戲開發(fā)》
《window游戲編程大師技巧》
《3D游戲編程大師技巧》
《游戲引擎架構(gòu)》
《OpenGL 編程指南》
《Real-Time Rendering 4th》
《Physically Based Rendering 3rd》
《WebGL編程指南》
Shader
「Creator Shader：從零開始」
「OpenGL 教程」
「WebGL 教程」
「GLSL 語法」
「Shader 基礎(chǔ)知識_法線貼圖」
「Creator3D Shader 的正確姿勢」
「Shader 編寫示例」
「學習 Shader 的入門筆記」
「Shader Effect 系列」
「Shader 進行頭像圓角化處理」
「鏡面光澤（shader）」
「用 Shader 寫個完美的波浪」
「Creator3D 水紋及水波 Shader」
「Creator3D：噪聲消融」
「Creator3D：水面波浪」
「Creator3D：心動效果」
「MatCap Shader」
「跨引擎 Shader」
「Shader 進階項目 uv 動畫教程」
「歡樂水杯（happy glass）的流體實現(xiàn)」
「Shader3D 熔巖特效 3D」
「Shader 入門實戰(zhàn)之噪聲紋理」
「飄揚的旗幟！Shader」
https://forum.cocos.org/t/flag/88446
知識和學習是無窮的，問題和分享也是無窮的，感謝無私分享的 Cocos 開發(fā)者們，讓我們可以站在巨人的肩膀上進行學習。
如果大家有遇到自己目前無法解決的問題，歡迎到論壇發(fā)帖或者咨詢官方小秘書，此外，Cocos Creator 的商店里也還有很多寶藏等著大家去發(fā)現(xiàn)，我們也會將最新的優(yōu)質(zhì)學習資料持續(xù)更新至論壇。如有疑問，歡迎掃描下方二維碼進行咨詢↓
往期精彩
