目录

1. 从文件添加纹理
2. 添加程序纹理
3. 克隆纹理
4. 移除纹理
5. 使用工具转换纹理
6. 拖放支持

BabylonJS编辑器提供了预览、编辑和添加纹理的工具。

工具包括：

• PNG和JPEG纹理
• DDS立方体纹理
• 程序纹理（全部来自BabylonJS的程序纹理库）
• 自定义渲染目标
• 镜像纹理

工具位置在：View -> Textures Viewer.... (注意以下教程都是基于Textures Viewer窗口的菜单工具)

从文件添加纹理

若要添加新的纹理文件，请在工具栏中选择“Add -> Add From File....”。。。。将出现一个对话框，要求添加纹理文件。

选择纹理文件后，将在场景中创建默认纹理。现在可以选择它们并修改其属性。

该工具还注册了文件，保存项目时将保存这些添加的纹理文件。

注意：您也可以在“ Textures Viewer”面板中拖放纹理文件

添加程序纹理

若要添加程序纹理，请在工具栏中选择“Add -> Add Procedural...”。。。然后会打开一个对话框询问哪种纹理类型。选择纹理类型后，纹理将添加到场景中，并显示在工具中可用的纹理中。

克隆纹理

要克隆纹理（通常具有相同的纹理但具有不同的参数），只需右键单击所需的纹理，在弹出的菜单中选择“Clone”。这将克隆当前纹理并将克隆的纹理添加到场景中。源纹理和克隆纹理将共享同一源文件。

程序纹理类型的，用clone这招没有反应，这应该是编辑器的一个bug。可以用add菜单新添加一个一样的程序纹理。其实，clone起没起作用呢？起了，已经复制了一个程序纹理，但是没有刷新纹理查看视图，这个时候，用add菜单新添加一个别的纹理，你会发现，之前clone没反应的纹理变成了两个了。

移除纹理

要移除纹理，只需右键单击所需纹理并选择“Remove”。这将从场景中移除纹理，但不会从项目中移除源文件。移除后，所有受影响的材质都将更新以移除纹理引用。

要点：尚不支持撤销/重做。在去除任何纹理之前要小心。

使用工具转换纹理

BabylonJS提供了一个将环境纹理（.dds）转换为自定义.env文件的工具。有关格式的详细信息，请参阅此处：https://doc.babylonjs.com/how_to/use_hdr_environment#what-is-a-env-tech-deep-dive

要帮助转换，只需单击工具栏Convert.dds To.env。将打开一个对话框来选择所有.dds纹理文件。选择后，工具将处理转换。完成后，将为每个转换的纹理打开一个对话框，以选择保存结果的文件夹。

现在可以通过使用上述过程向场景添加新纹理来添加新的.env文件。

拖放支持

该工具支持在网格上拖放纹理。这意味着，一旦将纹理放置在网格上，其材质将被修改：

2D纹理将取代PBR材质的反照率纹理和其他材质类型的漫反射纹理。

立方体纹理将替换材质的反射纹理。