这么全的 Cocos Creator 3.x 学习资源，竟然是免费的！

目前 Cocos Creator 3.0 越来越成熟，使用 Cocos Creator 做游戏的小伙伴越来越多。我们在这里整理了现阶段最全面、最优质的 Cocos Creator 3.x 的学习资料，供大家参考、交流。欢迎加入 Cocos Creator 3.x 的大家庭！

更详细的说明请点击文末【阅读原文】移步 Cocos 论坛讨论帖，我们将不定期更新，为大家提供最新学习资料。论坛地址：

https://forum.cocos.org/t/topic/122399

PART 1

认识 Cocos Creator

Cocos Creator 编辑器

通过官方文档「新手上路」，了解一下 v3.x 编辑器。

「Cocos Creator下载安装」

https://docs.cocos.com/creator/3.2/manual/zh/getting-started/install/

「使用 Dashboard」

https://docs.cocos.com/creator/3.2/manual/zh/getting-started/dashboard/

「编辑器界面介绍」

https://docs.cocos.com/creator/3.2/manual/zh/editor/

「项目结构」

https://docs.cocos.com/creator/3.2/manual/zh/getting-started/project-structure/

「入门指南合集：编辑器面板介绍视频」

https://www.bilibili.com/video/BV14p4y1U7qH

Cocos Creator 引擎功能

Cocos Creator 里的组件有什么功能、能产生什么效果、该如何去做，都可以通过下列的展示来了解。

「展示范例合集」：从基本组件的使用到渲染效果的展示，项目包括多个侧重功能不同的场景及多个游戏 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 -

https://gitee.com/mirrors_cocos-creator/example-3d/tree/v3.0/physics-3d

「Simple-Games」：简单小游戏集合演示 Demo。

GitHub -

https://github.com/cocos-creator/example-3d/tree/v3.0/simple-games

Gitee -

https://gitee.com/mirrors_cocos-creator/example-3d/tree/v3.0/simple-games

「模块展示集合」：引擎各个功能的范例项目，基本涵盖了引擎的大部分功能模块。

GitHub -

https://github.com/cocos-creator/test-cases-3d

Gitee -

https://gitee.com/mirrors_cocos-creator/test-cases-3d

「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，以下内容将告诉你什么是 TypeScript、为什么要使用 TypeScript、TypeScript 与 JavaScript 的区别等。

「为什么选择使用 TypeScript？」

https://forum.cocos.org/t/typescript/93014「使用 TypeScript 更有说服力的原因」

「TypeScript 入门教程」

https://github.com/xcatliu/typescript-tutorial

「X 分钟速成 TypeScript」

https://learnxinyminutes.com/docs/zh-cn/typescript-cn/

「Cocos Creator 3.0 TypeScript 问题答疑及经验分享」

https://forum.cocos.org/t/topic/106995

「TypeScript 官方网站」

https://www.typescriptlang.org/

「TypeScript 中文网」

https://www.tslang.cn/

「TypeScript - Classes」

https://www.typescriptlang.org/docs/handbook/classes.html

「TypeScript - Decorators」

https://www.typescriptlang.org/docs/handbook/decorators.html

「TypeScript - DefinitelyTyped」

http://definitelytyped.org/

「TypeScript 开源代码仓库」

https://github.com/Microsoft/TypeScript

视频教程

如果你更喜欢通过视频来进行学习，也可以参考以下内容：

「尚硅谷2021版 TypeScript 教程」

https://www.bilibili.com/video/BV1Xy4y1v7S2

「黑马程序员最新 TypeScript 入门视频」

https://www.bilibili.com/video/BV1UD4y1m7Gw

「5天入门 TypeScript」

https://www.bilibili.com/video/BV1K5411H7Sx

「从入门到精通全集入门 TypeScript」

https://www.bilibili.com/video/BV1784y1c7V9

PART 3

项目实战

当你对 Cocos Creator 引擎和 TypeScript 都有一定的了解，就可以通过优质实战项目，来进行模仿学习。

项目实战+源码-文字类

「一步两步」

GitHub -

https://github.com/cocos-creator/tutorial-mind-your-step-3d

Gitee -

https://gitee.com/mirrors_cocos-creator/tutorial-mind-your-step-3d

「弹弹乐教程和源码分享」

https://forum.cocos.org/t/3d/86001

「3D 打砖块」

https://forum.cocos.org/t/creator3d/84349

「不停歇的球」

https://mp.weixin.qq.com/s/YVB2z7wk3xjiJxartkjoOA

「拇指射箭」

https://forum.cocos.org/t/cocos-creator-3d/86278

「拇指投篮」

https://forum.cocos.org/t/topic/86638

「蚂蚁庄园运动会」

https://forum.cocos.org/t/topic/85732

「懒猫跑酷」

http://www.cxybb.com/article/koljy111/113825458#01hello_world_124

项目实战+源码-视频类

「快上车」

https://www.bilibili.com/video/BV1AE411j7L9

「懒猫跑酷」

https://www.bilibili.com/video/BV11b4y1R7eJ

「奔跑吧巨人」

https://www.bilibili.com/video/BV1i3411z7J7

「音乐弹球」

https://www.bilibili.com/video/BV1fC4y1W7ve

「架木板」

https://www.bilibili.com/video/BV1Bp4y1678M

「快打快逃」

https://www.bilibili.com/video/BV1Qi4y17722

「开发 2D 模仿超级玛丽类游戏实录」

https://www.bilibili.com/video/BV18g411M7MU

「Snake VS Block 小游戏教程」

https://www.bilibili.com/video/BV1364y1f7ka

Cocos Store 完整项目

除此之外，Cocos Store 上也有许多完整游戏项目，不仅包含源码、美术素材（3D模型，特效，动画等）、策划方案，有的还提供了配套的文字或视频教程。后续，官方也将不断发布更多不同类型的游戏项目给到开发者，敬请关注。

「幽灵射手」

https://store.cocos.com/app/detail/3218

「奔跑吧小仙女」

https://store.cocos.com/app/detail/3126

「奔跑吧巨人」

https://store.cocos.com/app/detail/3026

「快上车」

https://store.cocos.com/app/detail/2796

免费美术资源

自己动手做的时候，有缺失美术资源的苦恼吗？Cocos Store 也提供了许多免费美术素材，供大家使用。

「实拍和 3D 扫描的贴图和模型资源」

https://www.textures.com/library

「HDRI 全景贴图首选资源，UE 官方文档推荐」

https://polyhaven.com/hdris

「国内美术大神教程集合地」

https://www.aboutcg.com/

「国内最大的美术资源论坛，集合资源、教程、作品分享、插件笔刷等」

https://www.element3ds.com/

「世界级的美术大神都在这里，有大神自创的笔刷、插件、shader、教程等可供下载」

https://www.artstation.com/

「角色动画动作捕捉资源库」

https://www.mixamo.com/

PART 4

特色功能

想要的功能和效果不知道如何实现？做出来的成品不太满意？我们整理了一些特色功能实现教程供大家参考，说不定就能学到新的知识，灵感迸发。在此也感谢各位开发者的无私分享！

「简单的卡通水体渲染教程」

https://forum.cocos.org/t/topic/102227

「关于黑洞游戏的简易实现思路」

https://forum.cocos.org/t/muzzik/95991

「3D 不规则地形行走」

https://forum.cocos.org/t/topic/114586

「标志板！教程」

https://forum.cocos.org/t/topic/102891

「3D 换装」

https://forum.cocos.org/t/topic/113759

「2D 素材 3D 效果」

https://forum.cocos.org/t/topic/101977

「折纸效果 / 竖排文本」

https://forum.cocos.org/t/topic/112045

「四元数与 3D 旋转实例」

https://forum.cocos.org/t/3d/99368

「弹性跟随相机」

https://forum.cocos.org/t/topic/104946

「3.x 2D 超大随机地图」

https://forum.cocos.org/t/topic/115260

「FPS Demo」

https://forum.cocos.org/t/topic/115260

「残影效果」

https://forum.cocos.org/t/muzzik-2-3d/94179「3D 粒子系统初战：酷炫火焰」「炫酷水面效果」「3D 物理讲解」「3D 摇杆控制器一种简单实现」「3.x 中使用 AES 加密解密」「3.0 的插件扩展系统」「3D 之相机跟随与旋转」「实现撑杆跳」

PART 5

知识进阶

有了一定基础后，就可以学习一些进阶内容，以下是做一个 3D 游戏应当深入了解的部分内容。

3D 游戏

• 《3D数学基础:图形与游戏开发》

• 《window游戏编程大师技巧》

• 《3D游戏编程大师技巧》

• 《游戏引擎架构》

• 《OpenGL 编程指南》

• 《Real-Time Rendering 4th》

• 《Physically Based Rendering 3rd》

• 《WebGL编程指南》

Shader

「Creator Shader：从零开始」

https://forum.cocos.org/t/topic/118989「Shader 入门：GLSL ES（简介和基本语法）」「Shader 入门：GLSL ES（数据类型）」「Shader 入门：GLSL ES（运算符和限定符）」

「OpenGL 教程」

https://learnopengl-cn.github.io/intro/

「WebGL 教程」

https://webglfundamentals.org/webgl/lessons/zh_cn/

「GLSL 语法」

https://thebookofshaders.com/02/?lan=ch「Shader 编程入门实战」

「Shader 基础知识_法线贴图」

https://www.bilibili.com/video/BV12v411h7VM?from=search&seid=6090895175285310535

「Creator3D Shader 的正确姿势」

https://forum.cocos.org/t/topic/118989

「Shader 编写示例」

https://forum.cocos.org/t/cocos-2-3-shader/90789

「学习 Shader 的入门笔记」

https://forum.cocos.org/t/shader/99677

「Shader Effect 系列」

https://forum.cocos.org/t/topic/87889

「Shader 进行头像圆角化处理」

https://forum.cocos.org/t/topic/114780

「镜面光泽（shader）」

https://forum.cocos.org/t/shader/92342「融球效果（shader）」「水波扩散效果（shader）」「Shader 溶解效果」

「用 Shader 写个完美的波浪」

https://forum.cocos.org/t/topic/97927

「Creator3D 水纹及水波 Shader」

https://forum.cocos.org/t/creator3d-shader/87339

「Creator3D：噪声消融」

https://forum.cocos.org/t/creator3d-shader14-/98460

「Creator3D：水面波浪」

https://forum.cocos.org/t/creator3d-shader11-/98042

「Creator3D：心动效果」

https://forum.cocos.org/t/creator3d-shader6-/97829

「MatCap Shader」

https://www.bilibili.com/video/BV1B64y147xc

「跨引擎 Shader」

https://www.bilibili.com/video/BV17y4y1W7j2

「Shader 进阶项目 uv 动画教程」

https://www.bilibili.com/video/BV1j4411m782

「欢乐水杯（happy glass）的流体实现」

https://www.bilibili.com/video/BV167411X7NG

「Shader3D 熔岩特效 3D」

https://www.bilibili.com/video/BV1Y4411y7Ed「如何抄一个 Shader 到 Cocos Creator」「雾效果！Shader 源码分析与讲解」

「Shader 入门实战之噪声纹理」

https://forum.cocos.org/t/shader/97909

「飘扬的旗帜！Shader」

https://forum.cocos.org/t/flag/88446

---

知识和学习是无穷的，问题和分享也是无穷的，感谢无私分享的 Cocos 开发者们，让我们可以站在巨人的肩膀上进行学习。

如果大家有遇到自己目前无法解决的问题，欢迎到论坛发帖或者咨询官方小秘书，此外，Cocos Creator 的商店里也还有很多宝藏等着大家去发现，我们也会将最新的优质学习资料持续更新至论坛。如有疑问，欢迎扫描下方二维码进行咨询↓

往期精彩