Creates a WebGLRenderer


## Description
no description
## Parameters

<table>
<thead>
	<tr>
		<th>Name</th>
		<th>Type</th>
		<th>Description</th>
	</tr>
</thead>
<tr>
	<td>toneMapping</td>
	<td><div class='bg-orange-800 px-2 py-px text-white rounded-sm'>integer</div></td>
	<td>tone mapping</td>
</tr>
<tr>
	<td>toneMappingExposure</td>
	<td><div class='bg-yellow-800 px-2 py-px text-white rounded-sm'>float</div></td>
	<td>tone mapping exposure</td>
</tr>
<tr>
	<td>outputColorSpace</td>
	<td><div class='bg-purple-800 px-2 py-px text-white rounded-sm'>string</div></td>
	<td>output color space</td>
</tr>
<tr>
	<td>sortObjects</td>
	<td><div class='bg-emerald-800 px-2 py-px text-white rounded-sm'>boolean</div></td>
	<td>sort objects, which can be necessary when rendering transparent objects</td>
</tr>
<tr>
	<td>tpixelRatio</td>
	<td><div class='bg-emerald-800 px-2 py-px text-white rounded-sm'>boolean</div></td>
	<td>toggle to override the default pixel ratio, which is 1 for mobile devices, and Math.max(2, globalThis.devicePixelRatio) for other devices</td>
</tr>
<tr>
	<td>pixelRatio</td>
	<td><div class='bg-yellow-800 px-2 py-px text-white rounded-sm'>float</div></td>
	<td>higher pixelRatio improves render sharpness but reduces performance</td>
</tr>
<tr>
	<td>tshadowMap</td>
	<td><div class='bg-emerald-800 px-2 py-px text-white rounded-sm'>boolean</div></td>
	<td>toggle on to have shadow maps</td>
</tr>
<tr>
	<td>shadowMapAutoUpdate</td>
	<td><div class='bg-emerald-800 px-2 py-px text-white rounded-sm'>boolean</div></td>
	<td>toggle on to recompute the shadow maps on every frame. If all objects are static, you may want to turn this off</td>
</tr>
<tr>
	<td>shadowMapNeedsUpdate</td>
	<td><div class='bg-emerald-800 px-2 py-px text-white rounded-sm'>boolean</div></td>
	<td>toggle on to trigger shadows update</td>
</tr>
<tr>
	<td>shadowMapType</td>
	<td><div class='bg-orange-800 px-2 py-px text-white rounded-sm'>integer</div></td>
	<td>shadows type</td>
</tr>
<tr>
	<td>alpha</td>
	<td><div class='bg-emerald-800 px-2 py-px text-white rounded-sm'>boolean</div></td>
	<td>toggle on to have alpha on (change requires page reload)</td>
</tr>
<tr>
	<td>antialias</td>
	<td><div class='bg-emerald-800 px-2 py-px text-white rounded-sm'>boolean</div></td>
	<td>toggle on to have antialias on (change requires page reload)</td>
</tr>
<tr>
	<td>premultipliedAlpha</td>
	<td><div class='bg-emerald-800 px-2 py-px text-white rounded-sm'>boolean</div></td>
	<td>premultipliedAlpha</td>
</tr>
<tr>
	<td>stencil</td>
	<td><div class='bg-emerald-800 px-2 py-px text-white rounded-sm'>boolean</div></td>
	<td>stencil</td>
</tr>
<tr>
	<td>depth</td>
	<td><div class='bg-emerald-800 px-2 py-px text-white rounded-sm'>boolean</div></td>
	<td>depth</td>
</tr>
<tr>
	<td>localClippingEnabled</td>
	<td><div class='bg-emerald-800 px-2 py-px text-white rounded-sm'>boolean</div></td>
	<td>localClippingEnabled</td>
</tr>
<tr>
	<td>logarithmicDepthBuffer</td>
	<td><div class='bg-emerald-800 px-2 py-px text-white rounded-sm'>boolean</div></td>
	<td>logarithmicDepthBuffer</td>
</tr>
<tr>
	<td>preserveDrawingBuffer</td>
	<td><div class='bg-emerald-800 px-2 py-px text-white rounded-sm'>boolean</div></td>
	<td>preserveDrawingBuffer</td>
</tr>
<tr>
	<td>tprecision</td>
	<td><div class='bg-emerald-800 px-2 py-px text-white rounded-sm'>boolean</div></td>
	<td>toggle on to set the precision</td>
</tr>
<tr>
	<td>precision</td>
	<td><div class='bg-orange-800 px-2 py-px text-white rounded-sm'>integer</div></td>
	<td>set the precision</td>
</tr>
<tr>
	<td>tpowerPreference</td>
	<td><div class='bg-emerald-800 px-2 py-px text-white rounded-sm'>boolean</div></td>
	<td>toggle on to set the power preferenc</td>
</tr>
<tr>
	<td>powerPreference</td>
	<td><div class='bg-orange-800 px-2 py-px text-white rounded-sm'>integer</div></td>
	<td>set the precision</td>
</tr>
</table>