
## Adding Sounds
As for meshes, textures and materials, sounds can be added to the project's assets.

Supported file types:
* .mp3
* .wav

## Adding assets to the project
Sounds can be added by browsing files and drag'n'dopping files. In the assets panel, a tab named `Sounds` contains the list of all available sounds 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:

![Browse](/img/extensions/Editor/AddingSounds/browse.gif)

### Drag'n'dropping files

![DragAndDrop](/img/extensions/Editor/AddingSounds/draganddrop.gif)

## Editing a sound
To edit a sound, just go to the assets panel of the Editor and select the sound to edit. The inspector of the editor will be updated showing the sound's properties.

![Edit](/img/extensions/Editor/AddingSounds/edit.gif)

## Adding a spatialized sound
By default, all sounds added to the scene are not spatialized. To set a sound spatialized, just drag'n'drop the sound asset on a node in the scene. Once done, the sound is now attached to the node (Mesh or Transform Node).

The inspector of the editor contains a new section which is focusing on the spatialized properties.

![Spatialized](/img/extensions/Editor/AddingSounds/spatialized.gif)



Descriptions of how to create and edit physics on meshes in scene using the Babylon.js Editor.



## 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:

![Browse](/img/extensions/Editor/AddingTextures/browse.gif)

### Drag'n'dropping files

![DragAndDrop](/img/extensions/Editor/AddingTextures/draganddrop.gif)

## 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.

![Examining](/img/extensions/Editor/AddingTextures/examining.gif)

## 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:

![Assigning](/img/extensions/Editor/AddingTextures/assigning.gif)

## 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:
![Cloning](/img/extensions/Editor/AddingTextures/cloning.gif)


Adding sounds assets

Adding Sounds

Adding assets to the project

Browsing for files

Drag'n'dropping files

Editing a sound

Adding a spatialized sound