论新人如何快速学习 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 的商店里也还有很多宝藏等着大家去查看和发现。
后续如果有发现好的分享,也会持续的放到这里为各位进行更新,如果有什么其他问题也可以欢迎随时扫描下面的二维码对 大表姐 进行咨询。
微信图片_202109300849181170×2532 108 KB