史上最全Cocos Creator 3.x 学习资料火热来袭！不间断更新！还不快进来！！！

[Cocos-Cjie (Cocos C姐)]

论新人如何快速学习 Cocos Creator 3.x

目前 Cocos Creator 3.0 越来越受到各位开发者的欢迎与喜欢，能用 Cocos Creator 开发快速出各种有趣的游戏。如果你也喜欢做游戏，但是却苦于找不到合适的学习资料，现在这里收集了最全的 Cocos Creator 3.x 的学习资料。只要你想学，那么就可以在这找到适合自己学习的东西。并且我们还将保持不定期更新，为大家提供最新的资料~

学习 Cocos Creator 引擎

首先当然是开始学习引擎的使用啦，无论你是纯纯的新人，还是有一定基础的开发者，真的已经熟练使用 Cocos Creator v3.x 引擎了吗？经过下列的学习，可能会让你对 Cocos Creator v3.x 引擎有新的认识。

学习 Cocos Creator v3.x 编辑器

首先当然是通过官方文档来了解 Cocos Creator v3.x 编辑器，通过官方提供的 新手上路。

• Cocos Creator下载安装

• 使用 Dashboard

• 编辑器界面介绍

• 项目结构

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

学习 Cocos Creator v2.x 编辑器

• 新手上路

• Cocos Creator下载安装

• 使用 Dashboard

• 编辑器界面介绍

• 项目结构

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

学习 Cocos Creator 引擎功能

当开发者了解并熟悉了编辑器的面板与操作之后，就可以开始进行对于 Cocos Creator 引擎的了解了。Cocos Creator 里的组件有什么功能、能产生什么效果、该如何去做，都可以通过下列的展示来了解：

• 展示范例集合（GitHub）：从基本组件的使用到渲染效果的展示，这个项目里包括了多个侧重功能不同的场景及多个游戏 Demo 供用户参考

• 物理测试范例（GitHub）：包含了一些物理测试例和案例工程，如吞噬黑洞、简化小车、坠落小球等，介绍了一些基础的功能和使用方法，方便用户结合文档了解物理功能。

• Simple-Games（GitHub）：简单小游戏集合演示 Demo，用户可通过此案例学习完成一些简单并且常见的小游戏。

• 模块展示集合（GitHub）：引擎各个功能的范例项目，基本涵盖了引擎的大部分功能模块，用户在使用功能时可参考此项目中的用法进行开发。

• UI 展示 Demo（GitHub）：各类 UI 组件组合使用的演示 Demo。

学语言

Cocos Creator v3.x 摒弃了原先 v2.x对 JavaScript 的支持，目前只对 TypeScript 进行支持。也就是说，想使用 Cocos Creator v3.x 要先学会 TypeScript 语言。

下列这些文章，就能告诉你，什么是 TypeScript、为什么要使用 TypeScript、TypeScript 与 JavaScript 有什么区别：

• 为什么选择使用 TypeScript ？

• 使用 TypeScript 更有说服力的原因

• TypeScript 入门教程

• X 分钟速成 TypeScript

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

• TypeScript 官方网站

• TypeScript 中文网

• TypeScript - Classes

• TypeScript - Decorators

• TypeScript - DefinitelyTyped

• TypeScript 源码

• TypeScript 开源代码仓库

TypeScript 视频教程

如果你更喜欢通过视频来进行学习，那么你也可以通过下列的地址，进行 TypeScript 的学习。

• 尚硅谷2021版TypeScript教程

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

• 5天入门TypeScript

• 从入门到精通全集入门TypeScript

完整项目实战

当做为一个开发者，对于 Cocos Creator 引擎和 TypeScript 都有一定的了解之后，就可以通过好的教程项目，来进行模仿学习，来进行实战操作。

文字类项目实战+源码

下列展现的是带有文字描述教程的实战教程：

• 一步两步（GitHub）

• 弹弹乐教程和源码分享

• 3D打砖块

• 不停歇的球

• 拇指射箭

• 拇指投篮

• 蚂蚁庄园运动会

• 懒猫跑酷

视频类项目实战+源码

如果你感觉光看文字有点枯燥？喜欢视频解说？那么下面的视频一定很适合你了：

• 快上车视频教程

• 懒猫跑酷

• 奔跑吧巨人教程

• 音乐弹球

• 架木板

• 快打快逃

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

• Snake VS Block小游戏教程

如果这些项目还不能让做为开发者的你感觉到满足，那么可以去 Cocos Creator 商店 ，这里有更多的完整的项目，不仅包含源码，美术素材（3D模型，特效，动画等游戏里的全部素材），策划方案，甚至完整的使用教程统统给你，欢迎去学习：

• 幽灵射手

• 奔跑吧小仙女

• 奔跑吧巨人

• 快上车

后期我们的官方也会不断的发布更多不同类型的游戏项目给到开发者，敬请期待～

免费的美术资源

看了那么多的项目实战视频和文章，想自己动手试试了吗？缺失美术资源吗？那么在 Cocos Creator 的商店里有提供 美术素材 可以使用哦。

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

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

国内美术大神教程集合地

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

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

角色动画动作捕捉资源库

免费游戏图标

免费音效

免费音效

游戏图标资源

一键生成所有尺寸的应用图标

logo 生成网站

免费资源

图片压缩

音频压缩

特色功能分享

想做一些功能不知道如何去做？做出来的效果不太满意？可以看看下列的 特色功能分享 说不定就能学习到新的知识，灵感迸发。下列收集了包括来自官方和各位优秀的开发者进行无私分享的内容：

• 简单的卡通水体渲染教程

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

• 3D 不规则地形行走

• 标志板！教程

• 3D换装

• 2D 素材 3D 效果

• 3D 粒子系统初战

• 折纸效果 / 竖排文本

• 四元数与3D旋转实例

• 弹性跟随相机

• 炫酷水面效果

• 3D 物理讲解

• 3D 摇杆控制器一种简单实现

• 3.x中使用AES加密解密

• 3.0 的插件扩展系统

• 3D 之相机跟随与旋转

• 实现撑杆跳

• 射线检测 raycast 的使用

• 3.x 2d超大随机地图

• FPS Demo

• 残影效果

• Cocos Creator 3.x 技术方案分享 第一期

• Cocos Creator 3.x 技术方案分享 第二期

• 导航网格自动寻路：多角色寻路、动态规避障碍物、上/下坡度等

• 摄像机视角的有趣玩法，实现《饥荒》同款视觉表现，一毛一样

• 游戏中射击的最酷实现，Creator3如何作出《守望先锋》同级的枪弹射击体验

• 我的实时对战游戏终于上线了，分享下一些心得

• 前阵子火的《人生重开模拟器》，我用Creator3.x写了一版（开源）

• Cocos Creator 实现屏幕空间的环境光遮蔽(SSAO)

• 分享7种排序算法的可视化

• 开源 Cocos Creator 3.x 框架 oops-framework

• RVO动态避障

• 使用Sprite制作一个简单的光影效果

知识进阶

学习是永无止境的，做为一个开发者，当你有了一定的基础后，想要进行突破，就可以进行知识进阶，了解做一个 3D 游戏应当深入了解的知识。

3D游戏拓展知识

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

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

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

• 《游戏引擎架构》

• 《OpenGL 编程指南》

• 《Real-Time Rendering 4th》

• 《Physically Based Rendering 3rd》

• 《WebGL编程指南》

shader 知识

• creator shader：从零开始

• Shader 入门：GLSL ES（简介和基本语法）

• Shader 入门：GLSL ES（数据类型）

• Shader 入门：GLSL ES（运算符和限定符）

• OpenGL 教程

• WebGL 教程

• GLSL语法

• shader 编程入门实战

• Shader基础知识_法线贴图

• Creator3D shader 的正确姿势

• Shader 编写示例

• 学习shader的入门笔记

• Shader Effect 系列

• Shader进行头像圆角化处理

• 镜面光泽（shader）

• 融球效果(shader)

• 水波扩散效果(shader)

• shader 溶解效果

• 用 Shader 写个完美的波浪

• Creator3D 水纹及水波Shader

• Creator3D:噪声消融

• Creator3D:水面波浪

• Creator3D:心动效果

• MatCap Shader

• 跨引擎Shader

• Shader进阶项目 uv动画教程

• 欢乐水杯(happy glass)的流体实现

• shader3D熔岩特效3D

• 如何抄一个 Shader 到 Cocos Creator

• 雾效果！shader 源码分析与讲解

• shader 入门实战之噪声纹理

• 飘扬的旗帜！shader

• Cocos Shader入门基础三：可编程管线浅析与Hello World

• 炫酷的3D特效Shader是如何炼成的

• 学习Shader顶点着色器 简单模拟云海的效果

总结

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

这里只是收集了部分分享的知识内容，如果大家有遇到了自己目前无法解决的问题，欢迎到论坛发帖或者咨询官方小秘书。如果是想学习更多东西，Cocos Creator 的商店里也还有很多宝藏等着大家去查看和发现。

后续如果有发现好的分享，也会持续的放到这里为各位进行更新，如果有什么其他问题也可以欢迎随时扫描下面的二维码对 大表姐 进行咨询。

[dylan465]

学无止境

[450894613 (热心网友蒋先生)]

前排！！mark!!

[1014602197 (菜鸟)]

mark，需要再来

[940987025 (退休老村長以前敲过HelloWorld)]

mark！

[1226085293 (muzzik(马赛克))]

收藏夹里又多一个

[alanglang]

mark!

[15732633043 (杨宗宝)]

mark！

[15732633043 (杨宗宝)]

库存越来越多了

[JakerCao]

mark！！！

[3123490446 (helenKing)]

mark!!!

[caolei7299 (rockLei)]

大家进来 都不是加微信的

[ifaswind (陈皮皮)]

Plus

[lamyoung (白玉无冰)]

！！

[magelevin (老王)]

大表姐也是C姐实锤了，还不拉到帖子最底下加爆

[sky068]

这官方出的demo不能全平台支持吗？

[magelevin (老王)]

Demo Team 的主要目标是能更快的做出更多类型的 Demo 来指引开发者，如果每款游戏都做深度优化/全平台适配，会拖长单个 Demo 的制作周期。我们计划发布的下款 Demo 就正在做 iOS 上的适配，并计划上架 AppStore，可能会出一个相关的优化/适配教程供其他例子参考。而优化的例子，就可以拿当前版本的小仙女做参考了。

[sky068]

demo有基础功能就行，就是不支持基本的iOS/android/web有点奇怪，感觉重心还是去支持小游戏了。

[magelevin (老王)]

Creator 游戏本身在 Web 上开发调试比较方便，而选择发布到小游戏上，是为了能更快更有效的做游戏展示，大家扫个二维码就可以看到游戏效果，微信小游戏上架流程我们也比较熟悉了，能节约一些时间。

目前这几款主要还是 iOS 上没有去测试发布，下款会做这方面的补足，当然 AppStore 的上架我们也只能做尝试，如果一直被审核打回来的话我们也只能选择先上线了。另外像开发者们有提到 3.x 上的 2D 游戏范例，也在计划中了。