目前 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 开发者们,让我们可以站在巨人的肩膀上进行学习。 |
|
来自: 华夏重心 > 《Cocos Creator 3.x》