the node to rull them all


## Description


The root node is unique in the scene. it is the higest parent, just above the [obj](/docs/nodes/obj) nodes.

It allows you to control the following scene properties:

- the scene background (which can be nothing, a plain color, or a texture)
- which camera is used when exporting the scene
- the fog
- an environment map which would override every material's environment map
- a material which would override every other material
- the display of an audio icon in the viewer, which is useful when using sound in your scene, and allowing users to turn it on/off


## Parameters

<table>
<thead>
	<tr>
		<th>Name</th>
		<th>Type</th>
		<th>Description</th>
	</tr>
</thead>
<tr>
	<td>autoUpdate</td>
	<td><div class='bg-emerald-800 px-2 py-px text-white rounded-sm'>boolean</div></td>
	<td>autoUpdate</td>
</tr>
<tr>
	<td>backgroundMode</td>
	<td><div class='bg-orange-800 px-2 py-px text-white rounded-sm'>integer</div></td>
	<td>set background mode (none, color or texture). Note that in order to have a transparent background, you also need to set the renderer's alpha to true. In order to do so, you may need to create a rop/WebGLRenderer node, set it alpha parameter, and assign the node to your camera.</td>
</tr>
<tr>
	<td>bgColor</td>
	<td><div class='bg-lime-800 px-2 py-px text-white rounded-sm'>color</div></td>
	<td>background color</td>
</tr>
<tr>
	<td>bgTexture</td>
	<td><div class='bg-indigo-800 px-2 py-px text-white rounded-sm'>node_path</div></td>
	<td>background texture</td>
</tr>
<tr>
	<td>bgBlur</td>
	<td><div class='bg-yellow-800 px-2 py-px text-white rounded-sm'>float</div></td>
	<td>background blur</td>
</tr>
<tr>
	<td>bgIntensity</td>
	<td><div class='bg-yellow-800 px-2 py-px text-white rounded-sm'>float</div></td>
	<td>background intensity</td>
</tr>
<tr>
	<td>mainCameraPath</td>
	<td><div class='bg-purple-800 px-2 py-px text-white rounded-sm'>string</div></td>
	<td>path to the main camera object that will be used when the scene loads outside of the editor</td>
</tr>
<tr>
	<td>useFog</td>
	<td><div class='bg-emerald-800 px-2 py-px text-white rounded-sm'>boolean</div></td>
	<td>toggle on to use fog</td>
</tr>
<tr>
	<td>fogType</td>
	<td><div class='bg-orange-800 px-2 py-px text-white rounded-sm'>integer</div></td>
	<td>fog type</td>
</tr>
<tr>
	<td>fogColor</td>
	<td><div class='bg-lime-800 px-2 py-px text-white rounded-sm'>color</div></td>
	<td>fog color</td>
</tr>
<tr>
	<td>fogNear</td>
	<td><div class='bg-yellow-800 px-2 py-px text-white rounded-sm'>float</div></td>
	<td>fog near</td>
</tr>
<tr>
	<td>fogFar</td>
	<td><div class='bg-yellow-800 px-2 py-px text-white rounded-sm'>float</div></td>
	<td>fog far</td>
</tr>
<tr>
	<td>fogDensity</td>
	<td><div class='bg-yellow-800 px-2 py-px text-white rounded-sm'>float</div></td>
	<td>fog density</td>
</tr>
<tr>
	<td>useEnvironment</td>
	<td><div class='bg-emerald-800 px-2 py-px text-white rounded-sm'>boolean</div></td>
	<td>toggle on to use an environment map</td>
</tr>
<tr>
	<td>environment</td>
	<td><div class='bg-indigo-800 px-2 py-px text-white rounded-sm'>node_path</div></td>
	<td>environment map</td>
</tr>
<tr>
	<td>environmentIntensity</td>
	<td><div class='bg-yellow-800 px-2 py-px text-white rounded-sm'>float</div></td>
	<td>environment map intensity</td>
</tr>
<tr>
	<td>environmentRotation</td>
	<td><div class='bg-blue-800 px-2 py-px text-white rounded-sm'>vector3</div></td>
	<td>environment map rotation</td>
</tr>
<tr>
	<td>useOverrideMaterial</td>
	<td><div class='bg-emerald-800 px-2 py-px text-white rounded-sm'>boolean</div></td>
	<td>toggle on to override all materials</td>
</tr>
<tr>
	<td>overrideMaterial</td>
	<td><div class='bg-indigo-800 px-2 py-px text-white rounded-sm'>node_path</div></td>
	<td>material</td>
</tr>
<tr>
	<td>displayAudioIcon</td>
	<td><div class='bg-emerald-800 px-2 py-px text-white rounded-sm'>boolean</div></td>
	<td>set if a audio icon is shown in the viewer to toggle sound on/off</td>
</tr>
<tr>
	<td>audioIconColor</td>
	<td><div class='bg-lime-800 px-2 py-px text-white rounded-sm'>color</div></td>
	<td>icon color</td>
</tr>
<tr>
	<td>audioIconStyle</td>
	<td><div class='bg-purple-800 px-2 py-px text-white rounded-sm'>string</div></td>
	<td>icon style properties</td>
</tr>
<tr>
	<td>nodesMask</td>
	<td><div class='bg-purple-800 px-2 py-px text-white rounded-sm'>string</div></td>
	<td>when the scene loads, nodes that match the mask will update the progress bar as they cook</td>
</tr>
<tr>
	<td>printNodes</td>
	<td><div class='bg-cyan-800 px-2 py-px text-white rounded-sm'>button</div></td>
	<td>prints which nodes match the mask in the console</td>
</tr>
</table>