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

COCOS

共 13121字,需浏览 27分钟

 ·

2021-10-10 18:23

目前 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 之相机跟随与旋转」
「实现撑杆跳」

「射线检测 raycast 的使用」


PART 5

知识进阶

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


3D 游戏


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

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

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

  • 《游戏引擎架构》

  • 《OpenGL 编程指南》

  • 《Real-Time Rendering 4th》

  • 《Physically Based Rendering 3rd》

  • 《WebGL编程指南》


Shader


「Creator 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 的商店里也还有很多宝藏等着大家去发现,我们也会将最新的优质学习资料持续更新至论坛。如有疑问,欢迎扫描下方二维码进行咨询↓



往期精彩

浏览 193
点赞
评论
收藏
分享

手机扫一扫分享

分享
举报
评论
图片
表情
推荐
点赞
评论
收藏
分享

手机扫一扫分享

分享
举报