分享

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

 华夏重心 2023-02-20 发布于天津

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

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

PART 1

认识 Cocos Creator

Cocos Creator 编辑器

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

「Cocos Creator下载安装」

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

「使用 Dashboard」

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

「编辑器界面介绍」

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

「项目结构」

https://docs./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:///mirrors_cocos-creator/example-3d

「物理测试范例」:包含了一些物理测试例和案例工程,如吞噬黑洞、简化小车、坠落小球等。

GitHub -

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

Gitee -

https:///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:///mirrors_cocos-creator/example-3d/tree/v3.0/simple-games

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

GitHub -

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

Gitee -

https:///mirrors_cocos-creator/test-cases-3d

「UI 展示 Demo」:各类 UI 组件组合使用的演示 Demo。

GitHub -

https://github.com/cocos-creator/demo-ui/

Gitee -

https:///mirrors_cocos-creator/demo-ui/

PART 2

学语言

TypeScript

Cocos Creator v3.x 仅支持 TypeScript,以下内容将告诉你什么是 TypeScript、为什么要使用 TypeScript、TypeScript 与 JavaScript 的区别等。

「为什么选择使用 TypeScript?」

https://forum./t/typescript/93014

「TypeScript 入门教程」

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

「X 分钟速成 TypeScript」

https:///docs/zh-cn/typescript-cn/

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

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

「TypeScript 官方网站」

https://www./

「TypeScript 中文网」

https://www./

「TypeScript - Classes」

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

「TypeScript - Decorators」

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

「TypeScript - DefinitelyTyped」

http:///

「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:///mirrors_cocos-creator/tutorial-mind-your-step-3d

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

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

「3D 打砖块」

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

「不停歇的球」

「拇指射箭」

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

「拇指投篮」

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

「蚂蚁庄园运动会」

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

「懒猫跑酷」

http://www./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./app/detail/3218

「奔跑吧小仙女」

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

「奔跑吧巨人」

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

「快上车」

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

免费美术资源

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

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

https://www./library

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

https:///hdris

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

https://www./

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

https://www./

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

https://www./

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

https://www./

PART 4

特色功能

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

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

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

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

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

「3D 不规则地形行走」

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

「标志板!教程」

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

「3D 换装」

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

「2D 素材 3D 效果」

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

「折纸效果 / 竖排文本」

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

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

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

「弹性跟随相机」

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

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

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

「FPS Demo」

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

「残影效果」

https://forum./t/muzzik-2-3d/94179

PART 5

知识进阶

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

3D 游戏

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

《window游戏编程大师技巧》

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

《游戏引擎架构》

《OpenGL 编程指南》

《Real-Time Rendering 4th》

《Physically Based Rendering 3rd》

《WebGL编程指南》

Shader

「Creator Shader:从零开始」

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

「OpenGL 教程」

https://learnopengl-cn./intro/

「WebGL 教程」

https:///webgl/lessons/zh_cn/

「GLSL 语法」

https:///02/?lan=ch

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

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

「Creator3D Shader 的正确姿势」

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

「Shader 编写示例」

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

「学习 Shader 的入门笔记」

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

「Shader Effect 系列」

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

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

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

「镜面光泽(shader)」

https://forum./t/shader/92342

「用 Shader 写个完美的波浪」

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

「Creator3D 水纹及水波 Shader」

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

「Creator3D:噪声消融」

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

「Creator3D:水面波浪」

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

「Creator3D:心动效果」

https://forum./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 入门实战之噪声纹理」

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

「飘扬的旗帜!Shader」

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

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

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多