本文共:7034字,预计阅读时间:18分钟 感谢作者:琥珀川 的分享。
第一章 从 3Ds MAX 导出模型
-
3DS MAX 单位设置。设置 3DS MAX 单位为:米(Cocos 默认单位是:米)。
-
模型 UV 需展平。最大限度利用 UV 空间。
-
为灯光烘焙制作模型的第 2 套 UV 。2U 不能有重叠。
-
3DS MAX 导出 FBX 模型设置。
-
勾选平滑组
-
有动画的话勾选动画
-
不勾选摄影机和灯光
-
勾选嵌入的媒体
-
单位选自动:米
-
轴向选 Y 轴向上
第二章 贴图制作
Cocos Creator 引擎支持 PBR 材质和纹理。
Cocos Creator 创建的材质,默认使用的是 builtin-standard.effect 着色器,又称之为 PBR 材质,PBR 材质使用 PBR 流程中的 Metal/Roughness 工作流。
在使用 PBR 材质进行渲染时,为获得正确的渲染效果,至少需要设置材质的:
-
固有色贴图(Albedo)
-
金属粗糙度贴图(Metallic Roughness)
-
法线贴图(Normal)
贴图可以使用 Photoshop、Substance 等图像软件制作。这些贴图都可以在材质资源属性面板中进行设置 。
关于 PBR 材质和贴图的详细内容,请参考文档:
https://docs.cocos.com/creator/manual/zh/shader/effect-builtin-pbr.html
![07d26df0e019ab36acdf3acce9d8dab3.png](https://img-blog.csdnimg.cn/img_convert/07d26df0e019ab36acdf3acce9d8dab3.png)
也可以使用 Cocos 支持的 PBR 贴图。(推荐使用这种贴图方式)
![a12b26126bc3dd3725cbb4b86ef06a35.png](https://img-blog.csdnimg.cn/img_convert/a12b26126bc3dd3725cbb4b86ef06a35.png)
PBR 贴图是一种混合贴图。PBR Map 内的 3 个通道各包含一种贴图。
-
R (AO) R 通道:环境光遮蔽
-
G (Roughness) G 通道:粗糙度
-
B (Metallic) B 通道:金属度
Cocos Creator 目前支持的贴图格式:
-
目前支持 JPG 、PNG 、BMP 、TGA 、HDR 格式
-
贴图尺寸:不能大于 2048 × 2048 像素
第三章 使用 Cocos Creator 创建 3D 资产
1. 在 Cocos Dashboard 创建新 Cocos 项目
01. 在官网 https://www.cocos.com/creator 下载并安装 Cocos Dashboard
使用 Cocos Dashboard 管理 Cocos Creator 引擎安装和创建项目。
02. 在 Cocos Dashboard 创建新 Cocos Creator 项目
![126226d93afc90f271211ce9c85c45e1.png](https://img-blog.csdnimg.cn/img_convert/126226d93afc90f271211ce9c85c45e1.png)
-
点击 Project 面板
-
选择 Cocos Creator 版本
-
选择 Empty(3D) 项目模板
-
输入项目名称
-
选择项目保存在硬盘上的位置(注意:不要包含有中文或空格)
2. 创建工程项目
01. 在 assets 右键 Create —— Folder。创建新项目文件夹,并命名文件夹。
![7bd9573906180c62f3049cc1a7250dce.png](https://img-blog.csdnimg.cn/img_convert/7bd9573906180c62f3049cc1a7250dce.png)
02. 创建资源文件夹,来存放模型资产和场景文件。
-
Animation:存放动画文件
-
Lightmap:存放烘焙的灯光贴图
-
Materials:存放材质
-
Models:存放模型文件
-
Particles:存放粒子文件
-
Prefabs:存放预制体文件
-
Scenes:存放场景文件
-
Textures:存放贴图文件
3. 导入模型资产到 Cocos Creator 工程
01. 将做好的模型文件,拖入到项目文件夹内的 Models 下面。Cocos Creator 会自动加载所有资产。
02. 将做好的贴图文件,拖入到项目文件夹内的 Textures 下面。
![8b8ae6ac6206b854bb7611e432c773d2.png](https://img-blog.csdnimg.cn/img_convert/8b8ae6ac6206b854bb7611e432c773d2.png)
03. 贴图导入 Cocos Creator 后,设置贴图的类型。