Adding textures assets

Adding Textures

As any other scene Editor, to workflow is:

  • Add new assets to the project
  • Use assets in the current scene
  • Edit instantiated assets

Supported file types:

  • .png
  • .jpg
  • .dds (cube texture)
  • .env (cube texture)

Adding assets to the project

As for meshes, textures can be added by browsing files and drag'n'dopping files. In the assets panel, a tab named Textures contains the list of all available textures in the scene.

Browsing for files

Simply go to the "Assets" panel of the Editor and click "Add...". A dialog opens to select the files:


Drag'n'dropping files


Examining the asset

As for meshes and materials, a texture can be examined. On an assets is double clicked a window appears showing the texture. For cube textures (.dds or .env files) the sphere is created having the texture mapped on with the Babylon.JS Inspector opened and focused on the cube texture.


Assiging textures to material

Once all required textures have been added to the project's assets. We can now assign textures to materials.

Each type of material will have its own inspector in the Editor in order to provide properties to edit in order of importance. Just select a material in the assets panel or a mesh in the scene that has a material and start editing the material's properties.

In some cases, textures must be edited as well. Typically, for a large terrain, the scale of the texture must be edited in order to set the new scale on (U,V) and adapt the texture's size. To edit a texture, simply select it in the assets panel and the inspector will be updated to show the texture's properties.

For example, a standard material applied to the ground, we apply the amiga.jpg texture as the diffuse texture:


Cloning a texture

In some cases, the same texture is needed but with distinct properties. For example, our texture amiga.jpg should be available with a UV scale of (30, 30) to be applied on the ground, but also with a UV scale of (1, 1) to be applied to the cube.

To clone a texture, just go the assets panel of the Editor and right click the desired texture. A context menu appears and select Clone.... A dialog appears to ask the name of the new texture. Once done, a new texture has been created that shares the same texture file (amiga.jpg).

As the texture is a clone, all properties are the exact same as the original texture. Just edit the desired properties.

Example with the cube: