3 years ago · 460aea4555
--- a/build/three.js
+++ b/build/three.js
--- a/build/three.min.js
+++ b/build/three.min.js
--- a/build/three.module.js
+++ b/build/three.module.js
--- a/docs/api/en/extras/core/Curve.html
+++ b/docs/api/en/extras/core/Curve.html
@@ -69,7 +69,11 @@
 
															 		<p>Get list of cumulative segment lengths.</p>
														
 
															 		<h3>[method:null updateArcLengths]()</h3>
														
 
															-		<p>Update the cumlative segment distance cache.</p>
														
 
															+		<p>
														
 
															+			Update the cumlative segment distance cache. The method must be called every time curve parameters are changed.
														
 
															+			If an updated curve is part of a composed curve like [page:CurvePath], [page:.updateArcLengths]() must be 
														
 
															+			called on the composed curve, too.
														
 
															+		</p>
														
 
															 		<h3>[method:Float getUtoTmapping]( [param:Float u], [param:Float distance] )</h3>
														
 
															 		<p>
														
--- a/docs/api/en/extras/objects/ImmediateRenderObject.html
+++ b/docs/api/en/extras/objects/ImmediateRenderObject.html
@@ -1,119 +0,0 @@
 
															-<!DOCTYPE html>
														
 
															-<html lang="en">
														
 
															-	<head>
														
 
															-		<meta charset="utf-8" />
														
 
															-		<base href="../../../../" />
														
 
															-		<script src="page.js"></script>
														
 
															-		<link type="text/css" rel="stylesheet" href="page.css" />
														
 
															-	</head>
														
 
															-	<body>
														
 
															-		[page:Object3D] &rarr;
														
 
															-
														
 
															-		<h1>[name]</h1>
														
 
															-
														
 
															-		<p class="desc">
														
 
															-			This experimental class provides a fast code path for rendering meshes with frequently updated
														
 
															-			geometry data. When the renderer encounters an instance of [name], it only takes care about
														
 
															-			the most primitive rendering operations (e.g. binding vertex attributes, determining correct shader
														
 
															-			program or perfoming the actual draw call). Features like view frustum culling, wireframe rendering
														
 
															-			or using multiple materials are not supported. Besides [name] can only be used to render triangles.
														
 
															-		</p>
														
 
															-
														
 
															-		<p class="desc">
														
 
															-			[name] does not work with instances of [page:BufferGeometry]. The
														
 
															-			raw geometry data have to be maintained as properties of the [name].
														
 
															-		</p>
														
 
															-
														
 
															-		<p class="desc">
														
 
															-			Using [name] makes only sense if you are updating your geometry data per frame. You can then
														
 
															-			benefit of a faster code path compared to the default mesh redering logic.
														
 
															-		</p>
														
 
															-
														
 
															-		<h2>Examples</h2>
														
 
															-		<p>
														
 
															-			[example:webgl_marchingcubes Marching Cubes]
														
 
															-		</p>
														
 
															-
														
 
															-		<h2>Constructor</h2>
														
 
															-
														
 
															-
														
 
															-		<h3>[name]( [param:Material material] )</h3>
														
 
															-		<p>
														
 
															-		[page:Material material] — The material of the [name].
														
 
															-		</p>
														
 
															-
														
 
															-		<h2>Properties</h2>
														
 
															-		<p>See the base [page:Object3D] class for common properties.</p>
														
 
															-
														
 
															-		<h3>[property:Boolean material]</h3>
														
 
															-		<p>
														
 
															-			The material of the [name]. Assigning multiple materials is not supported.
														
 
															-		</p>
														
 
															-
														
 
															-		<h3>[property:Boolean hasPositions]</h3>
														
 
															-		<p>
														
 
															-			Whether position data are defined or not. Default is *false*.
														
 
															-		</p>
														
 
															-
														
 
															-		<h3>[property:Boolean hasNormals]</h3>
														
 
															-		<p>
														
 
															-			Whether normal data are defined or not. Default is *false*.
														
 
															-		</p>
														
 
															-
														
 
															-		<h3>[property:Boolean hasColors]</h3>
														
 
															-		<p>
														
 
															-			Whether color data are defined or not. Default is *false*.
														
 
															-		</p>
														
 
															-
														
 
															-		<h3>[property:Boolean hasUvs]</h3>
														
 
															-		<p>
														
 
															-			Whether texture coordinates are defined or not. Default is *false*.
														
 
															-		</p>
														
 
															-
														
 
															-		<h3>[property:Float32Array positionArray]</h3>
														
 
															-		<p>
														
 
															-			The buffer holding position data. Default is *null*.
														
 
															-		</p>
														
 
															-
														
 
															-		<h3>[property:Float32Array normalArray]</h3>
														
 
															-		<p>
														
 
															-			The buffer holding normal data. Default is *null*.
														
 
															-		</p>
														
 
															-
														
 
															-		<h3>[property:Float32Array colorArray]</h3>
														
 
															-		<p>
														
 
															-			The buffer holding color data. Default is *null*.
														
 
															-		</p>
														
 
															-
														
 
															-		<h3>[property:Float32Array uvArray]</h3>
														
 
															-		<p>
														
 
															-			The buffer holding texture coordinates. Default is *null*.
														
 
															-		</p>
														
 
															-
														
 
															-		<h3>[property:Integer count]</h3>
														
 
															-		<p>
														
 
															-			The number of primitives to be rendered. Default is *0*.
														
 
															-			This property will be set to *0* after each rendering so you usually
														
 
															-			set it in the implementatio of [page:.render]().
														
 
															-		</p>
														
 
															-
														
 
															-		<h2>Methods</h2>
														
 
															-
														
 
															-		<p>See the base [page:Object3D] class for common methods.</p>
														
 
															-
														
 
															-		<h3>[method:null render]([param:Function renderCallback])</h3>
														
 
															-		<p>
														
 
															-		renderCallback -- A function to render the generated geometry data.
														
 
															-		</p>
														
 
															-		<p>
														
 
															-		This method needs to be implemented by the deriving class of [name]. You normally want to implement the
														
 
															-		vertex buffer update logic and execute *renderCallback* at the end of your implementation.
														
 
															-		</p>
														
 
															-
														
 
															-		<h2>Source</h2>
														
 
															-
														
 
															-		<p>
														
 
															-			[link:https://github.com/mrdoob/three.js/blob/master/src/[path].js src/[path].js]
														
 
															-		</p>
														
 
															-	</body>
														
 
															-</html>
														
--- a/docs/api/en/loaders/LoaderUtils.html
+++ b/docs/api/en/loaders/LoaderUtils.html
@@ -30,6 +30,16 @@
 
															 		</p>
														
 
															+		<h3>[method:String resolveURL]( [param:String url], [param:String path]  )</h3>
														
 
															+		<p>
														
 
															+		[page:String url] —  The absolute or relative url resolve.
														
 
															+		[page:String path] —  The base path for relative urls to be resolved against.
														
 
															+		</p>
														
 
															+		<p>
														
 
															+		Resolves relative urls against the given path. Absolute paths, data urls, and blob urls will be returned as is. Invalid urls will return an empty string.
														
 
															+		</p>
														
 
															+
														
 
															+
														
 
															 		<h2>Source</h2>
														
 
															 		<p>
														
--- a/docs/api/en/materials/MeshPhysicalMaterial.html
+++ b/docs/api/en/materials/MeshPhysicalMaterial.html
@@ -61,7 +61,6 @@
 
															 			[example:webgl_materials_variations_physical materials / variations / physical]<br />
														
 
															 			[example:webgl_materials_physical_clearcoat materials / physical / clearcoat]<br />
														
 
															 			[example:webgl_materials_physical_reflectivity materials / physical / reflectivity]<br />
														
 
															-			[example:webgl_materials_physical_sheen materials / physical / sheen]<br />
														
 
															 			[example:webgl_materials_physical_transmission materials / physical / transmission]
														
 
															 		</p>
														
@@ -135,19 +134,31 @@
 
															 		<h3>[property:Float sheen]</h3>
														
 
															 		<p>
														
 
															-			The intensity of the sheen layer, from *0.0* to *1.0*. Default is *0.0*.</p>
														
 
															+			The intensity of the sheen layer, from *0.0* to *1.0*. Default is *0.0*.
														
 
															 		</p>
														
 
															 		<h3>[property:Float sheenRoughness]</h3>
														
 
															 		<p>
														
 
															-			Roughness of the sheen layer, from *0.0* to *1.0*. Default is *1.0*.</p>
														
 
															+			Roughness of the sheen layer, from *0.0* to *1.0*. Default is *1.0*.
														
 
															 		</p>
														
 
															-		<h3>[property:Color sheenTint]</h3>
														
 
															+		<h3>[property:Texture sheenRoughnessMap]</h3>
														
 
															+		<p>
														
 
															+			The alpha channel of this texture is multiplied against [page:.sheenRoughness], for per-pixel control
														
 
															+			over sheen roughness. Default is *null*.
														
 
															+		</p>
														
 
															+
														
 
															+		<h3>[property:Color sheenColor]</h3>
														
 
															 		<p>
														
 
															 			The sheen tint. Default is *0xffffff*, white.
														
 
															 		</p>
														
 
															+		<h3>[property:Texture sheenColorMap]</h3>
														
 
															+		<p>
														
 
															+			The RGB channels of this texture are multiplied against [page:.sheenColor], for per-pixel control
														
 
															+			over sheen tint. Default is *null*.
														
 
															+		</p>
														
 
															+
														
 
															 		<h3>[property:Float transmission]</h3>
														
 
															 		<p>
														
 
															 		Degree of transmission (or optical transparency), from *0.0* to *1.0*. Default is *0.0*.<br />
														
--- a/docs/api/en/objects/InstancedMesh.html
+++ b/docs/api/en/objects/InstancedMesh.html
@@ -16,9 +16,6 @@
 
															 		objects with the same geometry and material but with different world transformations. The usage of [name] will help you
														
 
															 		to reduce the number of draw calls and thus improve the overall rendering performance in your application.
														
 
															 		</p>
														
 
															-		<p>
														
 
															-		The current implementation requires that materials are not shared between [name] and other 3D objects.
														
 
															-		</p>
														
 
															 		<h2>Examples</h2>
														
--- a/docs/api/en/renderers/WebGLRenderer.html
+++ b/docs/api/en/renderers/WebGLRenderer.html
@@ -414,16 +414,6 @@
 
															 			[page:WebGLRenderer.autoClearDepth autoClearDepth] properties to false. To forcibly clear one ore more buffers call [page:WebGLRenderer.clear .clear].
														
 
															 		</p>
														
 
															-		<h3>[method:null renderBufferDirect]( [param:Camera camera], [param:Scene scene], [param:BufferGeometry geometry], [param:Material material], [param:Object3D object], [param:Object group] )</h3>
														
 
															-		<p>Render a buffer geometry group using the camera and with the specified material.</p>
														
 
															-
														
 
															-		<h3>[method:null renderBufferImmediate]( [param:Object3D object], [param:WebGLProgram program] )</h3>
														
 
															-		<p>object - an instance of [page:Object3D]<br />
														
 
															-		program - an instance of [page:WebGLProgram]<br />
														
 
															-
														
 
															-		Renders an instance of [page:ImmediateRenderObject]. Gets called by renderObjectImmediate().
														
 
															-		</p>
														
 
															-
														
 
															 		<h3>[method:null resetState]()</h3>
														
 
															 		<p>Can be used to reset the internal WebGL state. This method is mostly relevant for applications which share a single WebGL context across multiple WebGL libraries.</p>
														
--- a/docs/api/en/textures/Texture.html
+++ b/docs/api/en/textures/Texture.html
@@ -257,6 +257,11 @@
 
															 		Set this to *true* to trigger an update next time the texture is used. Particularly important for setting the wrap mode.
														
 
															 		</p>
														
 
															+		<h3>[property:Object userData]</h3>
														
 
															+		<p>
														
 
															+		An object that can be used to store custom data about the texture. It should not hold
														
 
															+		references to functions as these will not be cloned.
														
 
															+		</p>
														
 
															 		<h2>Methods</h2>
														
--- a/docs/api/ko/extras/objects/ImmediateRenderObject.html
+++ b/docs/api/ko/extras/objects/ImmediateRenderObject.html
@@ -1,110 +0,0 @@
 
															-<!DOCTYPE html>
														
 
															-<html lang="ko">
														
 
															-	<head>
														
 
															-		<meta charset="utf-8" />
														
 
															-		<base href="../../../../" />
														
 
															-		<script src="page.js"></script>
														
 
															-		<link type="text/css" rel="stylesheet" href="page.css" />
														
 
															-	</head>
														
 
															-	<body>
														
 
															-		[page:Object3D] &rarr;
														
 
															-
														
 
															-		<h1>[name]</h1>
														
 
															-
														
 
															-		<p class="desc">
														
 
															-			이 실험 클래스는 자주 업데이트되는 기하학 데이터로 메쉬를 렌더링하기 위한 빠른 코드 패스를 제공합니다. 렌더러가 [name]의 인스턴스를 만나면, 가장 원시적인 렌더링 작업(예: 바인딩 꼭짓점 속성, 정확한 셰이더 프로그램 결정 또는 실제 드로우 콜 수행)에만 신경을 씁니다. 뷰 펑퍼텀 도금, 와이어프레임 렌더링 또는 다중 재료 사용과 같은 기능은 지원되지 않습니다. [name]은 삼각형을 렌더링하는 데에만 사용할 수 있습니다.
														
 
															-		</p>
														
 
															-
														
 
															-		<p class="desc">
														
 
															-			[name]는 [page:BufferGeometry] 인스턴스와 함께 작동되지 않습니다. 원시 기하학 데이터가 [name]의 프로퍼티로 저장돼야 합니다.
														
 
															-		</p>
														
 
															-
														
 
															-		<p class="desc">
														
 
															-			[name]은 기하학 데이터를 프레임마다 업데이트할 때만 작동합니다. 기본 메쉬 렌더링 로직에 비해 빠른 코드 패스를 경험할 수 있습니다.
														
 
															-		</p>
														
 
															-
														
 
															-		<h2>예제</h2>
														
 
															-		<p>
														
 
															-			[example:webgl_marchingcubes Marching Cubes]
														
 
															-		</p>
														
 
															-
														
 
															-		<h2>생성자</h2>
														
 
															-
														
 
															-
														
 
															-		<h3>[name]( [param:Material material] )</h3>
														
 
															-		<p>
														
 
															-		[page:Material material] — [name]의 재질.
														
 
															-		</p>
														
 
															-
														
 
															-		<h2>프로퍼티</h2>
														
 
															-		<p>일반 프로퍼니틑 기본 [page:Object3D] 클래스를 참고하세요.</p>
														
 
															-
														
 
															-		<h3>[property:Boolean material]</h3>
														
 
															-		<p>
														
 
															-			[name]의 재질. 여러 재질을 할당하는 것은 지원되지 않습니다.
														
 
															-		</p>
														
 
															-
														
 
															-		<h3>[property:Boolean hasPositions]</h3>
														
 
															-		<p>
														
 
															-			위치 데이터가 정의되었는지입니다. 기본값은 *false*입니다.
														
 
															-		</p>
														
 
															-
														
 
															-		<h3>[property:Boolean hasNormals]</h3>
														
 
															-		<p>
														
 
															-			법선 데이터가 정의되었는지입니다. 기본값은 *false*입니다.
														
 
															-		</p>
														
 
															-
														
 
															-		<h3>[property:Boolean hasColors]</h3>
														
 
															-		<p>
														
 
															-			색상 데이터가 정의되었는지입니다. 기본값은 *false*입니다.
														
 
															-		</p>
														
 
															-
														
 
															-		<h3>[property:Boolean hasUvs]</h3>
														
 
															-		<p>
														
 
															-			텍스쳐 좌표가 정의되었는지입니다. 기본값은 *false*입니다.
														
 
															-		</p>
														
 
															-
														
 
															-		<h3>[property:Float32Array positionArray]</h3>
														
 
															-		<p>
														
 
															-			위치 데이터를 담고 있는 버퍼입니다. 기본값은 *null*입니다.
														
 
															-		</p>
														
 
															-
														
 
															-		<h3>[property:Float32Array normalArray]</h3>
														
 
															-		<p>
														
 
															-			법선 데이터를 담고 있는 버퍼입니다. 기본값은 *null*입니다.
														
 
															-		</p>
														
 
															-
														
 
															-		<h3>[property:Float32Array colorArray]</h3>
														
 
															-		<p>
														
 
															-			색상 데이터를 담고 있는 버퍼입니다. 기본값은 *null*입니다.
														
 
															-		</p>
														
 
															-
														
 
															-		<h3>[property:Float32Array uvArray]</h3>
														
 
															-		<p>
														
 
															-			텍스쳐 좌표를 담고 있는 버퍼입니다. 기본값은 *null*입니다.
														
 
															-		</p>
														
 
															-
														
 
															-		<h3>[property:Integer count]</h3>
														
 
															-		<p>
														
 
															-			렌더링될 개체의 수입니다. 기본값은 *0*입니다.
														
 
															-			매 렌더링 이후에 이 프로퍼티는 *0*으로 설정될 것이기 때문에 [page:.render]() 실행 범위 안에 주로 설정하곤 합니다.
														
 
															-		</p>
														
 
															-
														
 
															-		<h2>메서드</h2>
														
 
															-
														
 
															-		<p>일반 메서드는 기본 [page:Object3D] 클래스를 참고하세요.</p>
														
 
															-
														
 
															-		<h3>[method:null render]([param:Function renderCallback])</h3>
														
 
															-		<p>
														
 
															-		renderCallback -- 생성된 기하학 데이터를 렌더링하는 함수입니다.
														
 
															-		</p>
														
 
															-		<p>
														
 
															-		이 메서드는 [name]의 파생클래스에서 상속받아야합니다. 일반적으로 실행 마지막 부분에 꼭짓점 버퍼 업데이트 로직을 구현하고 *renderCallback*을 사용합니다.
														
 
															-
														
 
															-		<h2>소스코드</h2>
														
 
															-
														
 
															-		<p>
														
 
															-			[link:https://github.com/mrdoob/three.js/blob/master/src/[path].js src/[path].js]
														
 
															-		</p>
														
 
															-	</body>
														
 
															-</html>
														
--- a/docs/api/zh/extras/objects/ImmediateRenderObject.html
+++ b/docs/api/zh/extras/objects/ImmediateRenderObject.html
@@ -1,118 +0,0 @@
 
															-<!DOCTYPE html>
														
 
															-<html lang="zh">
														
 
															-	<head>
														
 
															-		<meta charset="utf-8" />
														
 
															-		<base href="../../../../" />
														
 
															-		<script src="page.js"></script>
														
 
															-		<link type="text/css" rel="stylesheet" href="page.css" />
														
 
															-	</head>
														
 
															-	<body>
														
 
															-		[page:Object3D] &rarr;
														
 
															-
														
 
															-		<h1>即时渲染对象([name])</h1>
														
 
															-
														
 
															-		<p class="desc">
														
 
															-			This experimental class provides a fast code path for rendering meshes with frequently updated
														
 
															-			geometry data. When the renderer encounters an instance of [name], it only takes care about
														
 
															-			the most primitive rendering operations (e.g. binding vertex attributes, determining correct shader
														
 
															-			program or perfoming the actual draw call). Features like view frustum culling, wireframe rendering
														
 
															-			or using multiple materials are not supported. Besides [name] can only be used to render triangles.
														
 
															-		</p>
														
 
															-
														
 
															-		<p class="desc">
														
 
															-			[name] does not work with instances of [page:BufferGeometry]. The
														
 
															-			raw geometry data have to be maintained as properties of the [name].
														
 
															-		</p>
														
 
															-
														
 
															-		<p class="desc">
														
 
															-			Using [name] makes only sense if you are updating your geometry data per frame. You can then
														
 
															-			benefit of a faster code path compared to the default mesh redering logic.
														
 
															-		</p>
														
 
															-
														
 
															-		<h2>例子</h2>
														
 
															-		<p>
														
 
															-			[example:webgl_marchingcubes Marching Cubes]
														
 
															-		</p>
														
 
															-
														
 
															-		<h2>构造函数(Constructor)</h2>
														
 
															-
														
 
															-		<h3>[name]( [param:Material material] )</h3>
														
 
															-		<p>
														
 
															-		[page:Material material] — The material of the [name].
														
 
															-		</p>
														
 
															-
														
 
															-		<h2>Properties</h2>
														
 
															-		<p>See the base [page:Object3D] class for common properties.</p>
														
 
															-
														
 
															-		<h3>[property:Boolean material]</h3>
														
 
															-		<p>
														
 
															-			The material of the [name]. Assigning multiple materials is not supported.
														
 
															-		</p>
														
 
															-
														
 
															-		<h3>[property:Boolean hasPositions]</h3>
														
 
															-		<p>
														
 
															-			Whether position data are defined or not. Default is *false*.
														
 
															-		</p>
														
 
															-
														
 
															-		<h3>[property:Boolean hasNormals]</h3>
														
 
															-		<p>
														
 
															-			Whether normal data are defined or not. Default is *false*.
														
 
															-		</p>
														
 
															-
														
 
															-		<h3>[property:Boolean hasColors]</h3>
														
 
															-		<p>
														
 
															-			Whether color data are defined or not. Default is *false*.
														
 
															-		</p>
														
 
															-
														
 
															-		<h3>[property:Boolean hasUvs]</h3>
														
 
															-		<p>
														
 
															-			Whether texture coordinates are defined or not. Default is *false*.
														
 
															-		</p>
														
 
															-
														
 
															-		<h3>[property:Float32Array positionArray]</h3>
														
 
															-		<p>
														
 
															-			The buffer holding position data. Default is *null*.
														
 
															-		</p>
														
 
															-
														
 
															-		<h3>[property:Float32Array normalArray]</h3>
														
 
															-		<p>
														
 
															-			The buffer holding normal data. Default is *null*.
														
 
															-		</p>
														
 
															-
														
 
															-		<h3>[property:Float32Array colorArray]</h3>
														
 
															-		<p>
														
 
															-			The buffer holding color data. Default is *null*.
														
 
															-		</p>
														
 
															-
														
 
															-		<h3>[property:Float32Array uvArray]</h3>
														
 
															-		<p>
														
 
															-			The buffer holding texture coordinates. Default is *null*.
														
 
															-		</p>
														
 
															-
														
 
															-		<h3>[property:Integer count]</h3>
														
 
															-		<p>
														
 
															-			The number of primitives to be rendered. Default is *0*.
														
 
															-			This property will be set to *0* after each rendering so you usually
														
 
															-			set it in the implementatio of [page:.render]().
														
 
															-		</p>
														
 
															-
														
 
															-		<h2>方法(Methods)</h2>
														
 
															-
														
 
															-		<p>See the base [page:Object3D] class for common methods.</p>
														
 
															-
														
 
															-		<h3>[method:null render]([param:Function renderCallback])</h3>
														
 
															-		<p>
														
 
															-		renderCallback -- A function to render the generated geometry data.
														
 
															-		</p>
														
 
															-		<p>
														
 
															-		This method needs to be implemented by the deriving class of [name]. You normally want to implement the
														
 
															-		vertex buffer update logic and execute *renderCallback* at the end of your implementation.
														
 
															-		</p>
														
 
															-
														
 
															-		<h2>源码(Source)</h2>
														
 
															-
														
 
															-		<p>
														
 
															-			[link:https://github.com/mrdoob/three.js/blob/master/src/[path].js src/[path].js]
														
 
															-		</p>
														
 
															-	</body>
														
 
															-</html>
														
--- a/docs/api/zh/geometries/BoxGeometry.html
+++ b/docs/api/zh/geometries/BoxGeometry.html
@@ -47,8 +47,8 @@
 
															 		height — Y轴上面的高度，默认值为1。<br />
														
 
															 		depth — Z轴上面的深度，默认值为1。<br />
														
 
															 		widthSegments — （可选）宽度的分段数，默认值是1。<br />
														
 
															-		heightSegments — （可选）宽度的分段数，默认值是1。<br />
														
 
															-		depthSegments — （可选）宽度的分段数，默认值是1。
														
 
															+		heightSegments — （可选）高度的分段数，默认值是1。<br />
														
 
															+		depthSegments — （可选）深度的分段数，默认值是1。
														
 
															 		</p>
														
 
															 		<h2>属性</h2>
														
--- a/docs/api/zh/materials/MeshPhysicalMaterial.html
+++ b/docs/api/zh/materials/MeshPhysicalMaterial.html
@@ -62,7 +62,6 @@
 
															 			[example:webgl_materials_variations_physical materials / variations / physical]<br />
														
 
															 			[example:webgl_materials_physical_clearcoat materials / physical / clearcoat]<br />
														
 
															 			[example:webgl_materials_physical_reflectivity materials / physical / reflectivity]<br />
														
 
															-			[example:webgl_materials_physical_sheen materials / physical / sheen]<br />
														
 
															 			[example:webgl_materials_physical_transmission materials / physical / transmission]
														
 
															 		</p>
														
@@ -130,10 +129,31 @@
 
															 			这模拟了非金属材质的反射率。当[page:MeshStandardMaterial]为*1.0*时，此属性无效。
														
 
															 		</p>
														
 
															-		<h3>[property:Color sheen]</h3>
														
 
															+		<h3>[property:Float sheen]</h3>
														
 
															 		<p>
														
 
															-			If a color is assigned to this property, the material will use a special sheen BRDF intended for rendering cloth materials such as velvet.
														
 
															-			The sheen color provides the ability to create two-tone specular materials. *null* by default.
														
 
															+			The intensity of the sheen layer, from *0.0* to *1.0*. Default is *0.0*.
														
 
															+		</p>
														
 
															+
														
 
															+		<h3>[property:Float sheenRoughness]</h3>
														
 
															+		<p>
														
 
															+			Roughness of the sheen layer, from *0.0* to *1.0*. Default is *1.0*.
														
 
															+		</p>
														
 
															+
														
 
															+		<h3>[property:Texture sheenRoughnessMap]</h3>
														
 
															+		<p>
														
 
															+			The alpha channel of this texture is multiplied against [page:.sheenRoughness], for per-pixel control
														
 
															+			over sheen roughness. Default is *null*.
														
 
															+		</p>
														
 
															+
														
 
															+		<h3>[property:Color sheenColor]</h3>
														
 
															+		<p>
														
 
															+			The sheen tint. Default is *0xffffff*, white.
														
 
															+		</p>
														
 
															+
														
 
															+		<h3>[property:Texture sheenColorMap]</h3>
														
 
															+		<p>
														
 
															+			The RGB channels of this texture are multiplied against [page:.sheenColor], for per-pixel control
														
 
															+			over sheen tint. Default is *null*.
														
 
															 		</p>
														
 
															 		<h3>[property:Float transmission]</h3>
														
--- a/docs/api/zh/objects/InstancedMesh.html
+++ b/docs/api/zh/objects/InstancedMesh.html
@@ -15,9 +15,6 @@
 
															 		一种具有实例化渲染支持的特殊版本的[page:Mesh]。你可以使用 [name] 来渲染大量具有相同几何体与材质、但具有不同世界变换的物体。
														
 
															 		使用 [name] 将帮助你减少 draw call 的数量，从而提升你应用程序的整体渲染性能。
														
 
															 		</p>
														
 
															-		<p>
														
 
															-		当前的实现需要[name]和其它3D物体间不共享材质。
														
 
															-		</p>
														
 
															 		<h2>示例</h2>
														
--- a/docs/api/zh/renderers/WebGLRenderer.html
+++ b/docs/api/zh/renderers/WebGLRenderer.html
@@ -368,16 +368,6 @@
 
															 			即便forceClear设为true, 也可以通过将[page:WebGLRenderer.autoClearColor autoClearColor]、[page:WebGLRenderer.autoClearStencil autoClearStencil]或[page:WebGLRenderer.autoClearDepth autoClearDepth]属性的值设为false来阻止对应缓存被清除。
														
 
															 		</p>
														
 
															-		<h3>[method:null renderBufferDirect]( [param:Camera camera], [param:Scene scene], [param:BufferGeometry geometry], [param:Material material], [param:Object3D object], [param:Object group] )</h3>
														
 
															-		<p>使用相机和指定材质渲染缓冲几何组。</p>
														
 
															-
														
 
															-		<h3>[method:null renderBufferImmediate]( [param:Object3D object], [param:WebGLProgram program] )</h3>
														
 
															-		<p>object - an instance of [page:Object3D]<br />
														
 
															-		program - an instance of [page:WebGLProgram]<br />
														
 
															-
														
 
															-		Renders an instance of [page:ImmediateRenderObject]，由renderObjectImmediate对象调用。
														
 
															-		</p>
														
 
															-
														
 
															 		<h3>[method:null resetState]()</h3>
														
 
															 		<p>Can be used to reset the internal WebGL state. This method is mostly relevant for applications which share a single WebGL context across multiple WebGL libraries.</p>
														
--- a/docs/api/zh/textures/Texture.html
+++ b/docs/api/zh/textures/Texture.html
@@ -256,6 +256,11 @@
 
															 			这对于设置包裹模式尤其重要。
														
 
															 		</p>
														
 
															+		<h3>[property:Object userData]</h3>
														
 
															+		<p>
														
 
															+		An object that can be used to store custom data about the texture. It should not hold
														
 
															+		references to functions as these will not be cloned.
														
 
															+		</p>
														
 
															 		<h2>方法</h2>
														
--- a/docs/examples/en/controls/ArcballControls.html
+++ b/docs/examples/en/controls/ArcballControls.html
@@ -7,22 +7,24 @@
 
															 		<link type="text/css" rel="stylesheet" href="page.css" />
														
 
															 	</head>
														
 
															 	<body>
														
 
															+		[page:EventDispatcher] &rarr;
														
 
															+
														
 
															 		<h1>[name]</h1>
														
 
															 		<p class="desc">
														
 
															 		Arcball controls allow the camera to be controlled by a virtual trackball with full touch support and advanced navigation functionality. <br>
														
 
															 		Cursor/finger positions and movements are mapped over a virtual trackball surface
														
 
															-		represented by a gizmo and mapped in intuitive and consistent camera movements. 
														
 
															+		represented by a gizmo and mapped in intuitive and consistent camera movements.
														
 
															 		Dragging cursor/fingers will cause camera to orbit around the center of the trackball in a conservative way (returning to the starting point
														
 
															 		will make the camera to return to its starting orientation).<br><br>
														
 
															-		
														
 
															+
														
 
															 		In addition to supporting pan, zoom and pinch gestures, Arcball controls provide <i>focus</i> functionality with a double click/tap for
														
 
															-		intuitively moving the object's point of interest in the center of the virtual trackball.   
														
 
															-		Focus allows a much better inspection and navigation in complex environment. 
														
 
															+		intuitively moving the object's point of interest in the center of the virtual trackball.
														
 
															+		Focus allows a much better inspection and navigation in complex environment.
														
 
															 		Moreover Arcball controls allow FOV manipulation (in a vertigo-style method) and z-rotation.
														
 
															-		Saving and restoring of Camera State is supported also through clipboard 
														
 
															+		Saving and restoring of Camera State is supported also through clipboard
														
 
															 		(use ctrl+c and ctrl+v shortcuts for copy and paste the state).<br><br>
														
 
															-		
														
 
															+
														
 
															 		Unlike [page:OrbitControls] and [page:TrackballControls], [name] doesn't require [page:.update] to be called externally in an animation loop when animations
														
 
															 		are on.<br><br>
														
@@ -189,6 +191,11 @@
 
															 			Maximum angular velocity allowed on rotation animation start.
														
 
															 		</p>
														
 
															+		<h3>[property:Float radiusFactor]</h3>
														
 
															+		<p>
														
 
															+			The size of the gizmo relative to the screen width and height. Default is 0.67.
														
 
															+		</p>
														
 
															+
														
 
															 		<h2>Methods</h2>
														
@@ -232,6 +239,11 @@
 
															 			Set the visible property of gizmos.
														
 
															 		</p>
														
 
															+		<h3>[method:null setTbRadius] ( [param:Float value] )</h3>
														
 
															+		<p>
														
 
															+			Update the `radiusFactor` value, redraw the gizmo and send a `changeEvent` to visualise the changes.
														
 
															+		</p>
														
 
															+
														
 
															 		<h3>[method:Boolean setMouseAction] ( [param:String operation], mouse, key )</h3>
														
 
															 		<p>
														
 
															 			Set a new mouse action by specifying the operation to be performed and a mouse/key combination. In case of conflict, replaces the existing one.<br><br>
														
@@ -251,12 +263,20 @@
 
															 			Mouse inputs can be specified as mouse buttons 0, 1 and 2 or 'WHEEL' for wheel notches.<br>
														
 
															 			Keyboard modifiers can be specified as 'CTRL', 'SHIFT' or null if not needed.
														
 
															 		</p>
														
 
															-		
														
 
															+
														
 
															 		<h3>[method:null update] ()</h3>
														
 
															 		<p>
														
 
															 			Update the controls. Must be called after any manual changes to the camera's transform.
														
 
															 		</p>
														
 
															+		<h3>[method:Raycaster getRaycaster] ()</h3>
														
 
															+		<p>
														
 
															+			Returns the [page:Raycaster] object that is used for user interaction. This object is shared between all instances of
														
 
															+			ArcballControls. If you set the [page:Object3D.layers .layers] property of the [name], you will also want to
														
 
															+			set the [page:Raycaster.layers .layers] property on the [page:Raycaster] with a matching value, or else the [name]
														
 
															+			won't work as expected.
														
 
															+		</p>
														
 
															+
														
 
															 		<h2>Source</h2>
														
 
															 		<p>
														
--- a/docs/examples/en/controls/DeviceOrientationControls.html
+++ b/docs/examples/en/controls/DeviceOrientationControls.html
@@ -1,95 +0,0 @@
 
															-<!DOCTYPE html>
														
 
															-<html lang="en">
														
 
															-	<head>
														
 
															-		<meta charset="utf-8" />
														
 
															-		<base href="../../../" />
														
 
															-		<script src="page.js"></script>
														
 
															-		<link type="text/css" rel="stylesheet" href="page.css" />
														
 
															-	</head>
														
 
															-	<body>
														
 
															-
														
 
															-		<h1>[name]</h1>
														
 
															-
														
 
															-		<p class="desc">
														
 
															-			Can be used to orient the camera based on the mobile device's orientation.
														
 
															-		</p>
														
 
															-
														
 
															-		<h2>Examples</h2>
														
 
															-
														
 
															-		<p>[example:misc_controls_deviceorientation misc / controls / deviceorientation ]</p>
														
 
															-
														
 
															-		<h2>Constructor</h2>
														
 
															-
														
 
															-		<h3>[name]( [param:Camera object] )</h3>
														
 
															-		<p>
														
 
															-			<p>
														
 
															-				[page:Camera object]: The camera to be controlled.
														
 
															-			</p>
														
 
															-			<p>
														
 
															-				Creates a new instance of [name].
														
 
															-			</p>
														
 
															-		</p>
														
 
															-
														
 
															-		<h2>Events</h2>
														
 
															-
														
 
															-		<h3>change</h3>
														
 
															-		<p>
														
 
															-			Fires when the camera has been transformed by the controls.
														
 
															-		</p>
														
 
															-
														
 
															-		<h2>Properties</h2>
														
 
															-
														
 
															-		<h3>[property:Number alphaOffset]</h3>
														
 
															-		<p>
														
 
															-			The alpha offset in radians. Default is *0*.
														
 
															-		</p>
														
 
															-
														
 
															-		<h3>[property:Object deviceOrientation]</h3>
														
 
															-		<p>
														
 
															-			The current *deviceorientation* event object.
														
 
															-		</p>
														
 
															-
														
 
															-		<h3>[property:Boolean enabled]</h3>
														
 
															-		<p>
														
 
															-			Whether or not the controls are enabled.
														
 
															-		</p>
														
 
															-
														
 
															-		<h3>[property:Camera object]</h3>
														
 
															-		<p>
														
 
															-			The camera to be controlled.
														
 
															-		</p>
														
 
															-
														
 
															-		<h3>[property:Number screenOrientation]</h3>
														
 
															-		<p>
														
 
															-			The orientation in degrees (in 90-degree increments) of the viewport relative to the device's natural orientation. Default is *0*.
														
 
															-		</p>
														
 
															-
														
 
															-		<h2>Methods</h2>
														
 
															-
														
 
															-		<h3>[method:null connect] ()</h3>
														
 
															-		<p>
														
 
															-			Adds the event listeners of the controls and enables it.
														
 
															-		</p>
														
 
															-
														
 
															-		<h3>[method:null disconnect] ()</h3>
														
 
															-		<p>
														
 
															-			Removes the event listeners of the controls and disables it.
														
 
															-		</p>
														
 
															-
														
 
															-		<h3>[method:null dispose] ()</h3>
														
 
															-		<p>
														
 
															-			Should be called if the controls is no longer required.
														
 
															-		</p>
														
 
															-
														
 
															-		<h3>[method:null update] ()</h3>
														
 
															-		<p>
														
 
															-			Updates the controls. Usually called in the animation loop.
														
 
															-		</p>
														
 
															-
														
 
															-		<h2>Source</h2>
														
 
															-
														
 
															-		<p>
														
 
															-			[link:https://github.com/mrdoob/three.js/blob/master/examples/jsm/controls/DeviceOrientationControls.js examples/jsm/controls/DeviceOrientationControls.js]
														
 
															-		</p>
														
 
															-	</body>
														
 
															-</html>
														
--- a/docs/examples/en/renderers/CSS2DRenderer.html
+++ b/docs/examples/en/renderers/CSS2DRenderer.html
@@ -22,7 +22,21 @@
 
															 		<h2>Constructor</h2>
														
 
															-		<h3>[name]()</h3>
														
 
															+		<h3>[name]( [param:Object parameters] )</h3>
														
 
															+		<p>
														
 
															+		[page:DOMElement element] - A [link:https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement HTMLElement]
														
 
															+		where the renderer appends its child-elements.
														
 
															+		This corresponds to the [page:CSS2DRenderer.domElement domElement] property below.
														
 
															+		If not passed in here, a new div element will be created.
														
 
															+		</p>
														
 
															+
														
 
															+		<h2>Properties</h2>
														
 
															+
														
 
															+		<h3>[property:DOMElement domElement]</h3>
														
 
															+		<p>
														
 
															+			A [link:https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement HTMLElement] where the renderer appends its child-elements.<br />
														
 
															+			This is automatically created by the renderer in the constructor (if not provided already).
														
 
															+		</p>
														
 
															 		<h2>Methods</h2>
														
--- a/docs/examples/en/renderers/CSS3DRenderer.html
+++ b/docs/examples/en/renderers/CSS3DRenderer.html
@@ -33,7 +33,21 @@
 
															 		<h2>Constructor</h2>
														
 
															-		<h3>[name]()</h3>
														
 
															+		<h3>[name]( [param:Object parameters] )</h3>
														
 
															+		<p>
														
 
															+			[page:DOMElement element] - A [link:https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement HTMLElement]
														
 
															+			where the renderer appends its child-elements.
														
 
															+			This corresponds to the [page:CSS3DRenderer.domElement domElement] property below.
														
 
															+			If not passed in here, a new div element will be created.
														
 
															+		</p>
														
 
															+
														
 
															+		<h2>Properties</h2>
														
 
															+
														
 
															+		<h3>[property:DOMElement domElement]</h3>
														
 
															+		<p>
														
 
															+			A [link:https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement HTMLElement] where the renderer appends its child-elements.<br />
														
 
															+			This is automatically created by the renderer in the constructor (if not provided already).
														
 
															+		</p>
														
 
															 		<h2>Methods</h2>
														
--- a/docs/examples/ko/controls/DeviceOrientationControls.html
+++ b/docs/examples/ko/controls/DeviceOrientationControls.html
@@ -1,95 +0,0 @@
 
															-<!DOCTYPE html>
														
 
															-<html lang="ko">
														
 
															-	<head>
														
 
															-		<meta charset="utf-8" />
														
 
															-		<base href="../../../" />
														
 
															-		<script src="page.js"></script>
														
 
															-		<link type="text/css" rel="stylesheet" href="page.css" />
														
 
															-	</head>
														
 
															-	<body>
														
 
															-
														
 
															-		<h1>[name]</h1>
														
 
															-
														
 
															-		<p class="desc">
														
 
															-			모바일 장치의 방향에 따라 카메라 방향을 조정하는 데 사용 됩니다.
														
 
															-		</p>
														
 
															-
														
 
															-		<h2>예시</h2>
														
 
															-
														
 
															-		<p>[example:misc_controls_deviceorientation misc / controls / deviceorientation ]</p>
														
 
															-
														
 
															-		<h2>생성자</h2>
														
 
															-
														
 
															-		<h3>[name]( [param:Camera object] )</h3>
														
 
															-		<p>
														
 
															-			<p>
														
 
															-				[page:Camera object]: 제어 할 카메라 객체 입니다.
														
 
															-			</p>
														
 
															-			<p>
														
 
															-				 새로운 [name] 객체를 생성합니다.
														
 
															-			</p>
														
 
															-		</p>
														
 
															-
														
 
															-		<h2>이벤트</h2>
														
 
															-
														
 
															-		<h3>change</h3>
														
 
															-		<p>
														
 
															-			컨트롤에 의해 카메라가 변환되면 실행합니다.
														
 
															-		</p>
														
 
															-
														
 
															-		<h2>속성</h2>
														
 
															-
														
 
															-		<h3>[property:Number alphaOffset]</h3>
														
 
															-		<p>
														
 
															-			알파 값의 오프셋의 단위는 라디안 입니다. 초기값은 0으로 지정됩니다.
														
 
															-		</p>
														
 
															-
														
 
															-		<h3>[property:Object deviceOrientation]</h3>
														
 
															-		<p>
														
 
															-			현재 deviceorientation 이벤트 객체입니다.
														
 
															-		</p>
														
 
															-
														
 
															-		<h3>[property:Boolean enabled]</h3>
														
 
															-		<p>
														
 
															-			컨트롤의 활성화 여부를 지정합니다.
														
 
															-		</p>
														
 
															-
														
 
															-		<h3>[property:Camera object]</h3>
														
 
															-		<p>
														
 
															-			제어 할 카메라입니다.
														
 
															-		</p>
														
 
															-
														
 
															-		<h3>[property:Number screenOrientation]</h3>
														
 
															-		<p>
														
 
															-			장치의 실제 방향을 기준으로 뷰포트의 방향을 지정합니다(90도 단위 기준). 초기값은 *0* 입니다.
														
 
															-		</p>
														
 
															-
														
 
															-		<h2>메소드</h2>
														
 
															-
														
 
															-		<h3>[method:null connect] ()</h3>
														
 
															-		<p>
														
 
															-			컨트롤의 이벤트 리스너에 추가한 다음 활성화 합니다.
														
 
															-		</p>
														
 
															-
														
 
															-		<h3>[method:null disconnect] ()</h3>
														
 
															-		<p>
														
 
															-			컨트롤의 이벤트 리스너에 제거한 다음 비활성화 합니다.
														
 
															-		</p>
														
 
															-
														
 
															-		<h3>[method:null dispose] ()</h3>
														
 
															-		<p>
														
 
															-			컨트롤을 더이상 필요하지 않을 경우 호출해야 합니다.
														
 
															-		</p>
														
 
															-
														
 
															-		<h3>[method:null update] ()</h3>
														
 
															-		<p>
														
 
															-			컨트롤을 업데이트 합니다. 보통 애니메이션 루프에서 호출 됩니다.
														
 
															-		</p>
														
 
															-
														
 
															-		<h2>Source</h2>
														
 
															-
														
 
															-		<p>
														
 
															-			[link:https://github.com/mrdoob/three.js/blob/master/examples/jsm/controls/DeviceOrientationControls.js examples/jsm/controls/DeviceOrientationControls.js]
														
 
															-		</p>
														
 
															-	</body>
														
 
															-</html>
														
--- a/docs/examples/zh/controls/DeviceOrientationControls.html
+++ b/docs/examples/zh/controls/DeviceOrientationControls.html
@@ -1,95 +0,0 @@
 
															-<!DOCTYPE html>
														
 
															-<html lang="zh">
														
 
															-	<head>
														
 
															-		<meta charset="utf-8" />
														
 
															-		<base href="../../../" />
														
 
															-		<script src="page.js"></script>
														
 
															-		<link type="text/css" rel="stylesheet" href="page.css" />
														
 
															-	</head>
														
 
															-	<body>
														
 
															-
														
 
															-		<h1>设备朝向控制器（[name]）</h1>
														
 
															-
														
 
															-		<p class="desc">
														
 
															-			通过使用设备朝向来确定摄像机的朝向。
														
 
															-		</p>
														
 
															-
														
 
															-		<h2>例子</h2>
														
 
															-
														
 
															-		<p>[example:misc_controls_deviceorientation misc / controls / deviceorientation ]</p>
														
 
															-
														
 
															-		<h2>构造函数</h2>
														
 
															-
														
 
															-		<h3>[name]( [param:Camera object] )</h3>
														
 
															-		<p>
														
 
															-			<p>
														
 
															-				[page:Camera object]: 被控制的摄像机。
														
 
															-			</p>
														
 
															-			<p>
														
 
															-				创建一个新的 [name] 实例。
														
 
															-			</p>
														
 
															-		</p>
														
 
															-
														
 
															-		<h2>Events</h2>
														
 
															-
														
 
															-		<h3>change</h3>
														
 
															-		<p>
														
 
															-			Fires when the camera has been transformed by the controls.
														
 
															-		</p>
														
 
															-
														
 
															-		<h2>属性</h2>
														
 
															-
														
 
															-		<h3>[property:Number alphaOffset]</h3>
														
 
															-		<p>
														
 
															-			alpha角偏移量，以弧度表示，默认为*0*。
														
 
															-		</p>
														
 
															-
														
 
															-		<h3>[property:Object deviceOrientation]</h3>
														
 
															-		<p>
														
 
															-			当前 *deviceorientation* 事件的对象。
														
 
															-		</p>
														
 
															-
														
 
															-		<h3>[property:Boolean enabled]</h3>
														
 
															-		<p>
														
 
															-			是否启用控制器。
														
 
															-		</p>
														
 
															-
														
 
															-		<h3>[property:Camera object]</h3>
														
 
															-		<p>
														
 
															-			被控制的摄像机。
														
 
															-		</p>
														
 
															-
														
 
															-		<h3>[property:Number screenOrientation]</h3>
														
 
															-		<p>
														
 
															-			相对于设备自然朝向的视口朝向，以角度表示（增量为90）。默认为*0*。
														
 
															-		</p>
														
 
															-
														
 
															-		<h2>方法</h2>
														
 
															-
														
 
															-		<h3>[method:null connect] ()</h3>
														
 
															-		<p>
														
 
															-			增加控制器的事件监听，并启用控制器。
														
 
															-		</p>
														
 
															-
														
 
															-		<h3>[method:null disconnect] ()</h3>
														
 
															-		<p>
														
 
															-			移除控制器的事件监听，并禁用控制器。
														
 
															-		</p>
														
 
															-
														
 
															-		<h3>[method:null dispose] ()</h3>
														
 
															-		<p>
														
 
															-			若不再需要该控制器，则应当调用此函数。
														
 
															-		</p>
														
 
															-
														
 
															-		<h3>[method:null update] ()</h3>
														
 
															-		<p>
														
 
															-			更新控制器，常被用在动画循环中。
														
 
															-		</p>
														
 
															-
														
 
															-		<h2>源代码</h2>
														
 
															-
														
 
															-		<p>
														
 
															-			[link:https://github.com/mrdoob/three.js/blob/master/examples/jsm/controls/DeviceOrientationControls.js examples/jsm/controls/DeviceOrientationControls.js]
														
 
															-		</p>
														
 
															-	</body>
														
 
															-</html>
														
--- a/docs/index.html
+++ b/docs/index.html
@@ -86,7 +86,7 @@
 
															 			// *BufferGeometry to *Geometry
														
 
															-			if ( /Instanced/.exec( window.location.hash ) !== null && /([\w]+)BufferGeometry$/.exec( window.location.hash ) ) {
														
 
															+			if ( /Instanced/.exec( window.location.hash ) === null && /([\w]+)BufferGeometry$/.exec( window.location.hash ) ) {
														
 
															 				window.location.hash = window.location.hash.replace( 'BufferGeometry', 'Geometry' );
														
--- a/docs/list.json
+++ b/docs/list.json
@@ -132,10 +132,6 @@
 
															 				"SplineCurve": "api/en/extras/curves/SplineCurve"
														
 
															 			},
														
 
															-			"Extras / Objects": {
														
 
															-				"ImmediateRenderObject": "api/en/extras/objects/ImmediateRenderObject"
														
 
															-			},
														
 
															-
														
 
															 			"Geometries": {
														
 
															 				"BoxGeometry": "api/en/geometries/BoxGeometry",
														
 
															 				"CircleGeometry": "api/en/geometries/CircleGeometry",
														
@@ -335,7 +331,6 @@
 
															 			"Controls": {
														
 
															 				"ArcballControls": "examples/en/controls/ArcballControls",
														
 
															-				"DeviceOrientationControls": "examples/en/controls/DeviceOrientationControls",
														
 
															 				"DragControls": "examples/en/controls/DragControls",
														
 
															 				"FirstPersonControls": "examples/en/controls/FirstPersonControls",
														
 
															 				"FlyControls": "examples/en/controls/FlyControls",
														
@@ -641,10 +636,6 @@
 
															 				"SplineCurve": "api/zh/extras/curves/SplineCurve"
														
 
															 			},
														
 
															-			"附件 / 物体": {
														
 
															-				"ImmediateRenderObject": "api/zh/extras/objects/ImmediateRenderObject"
														
 
															-			},
														
 
															-
														
 
															 			"几何体": {
														
 
															 				"BoxGeometry": "api/zh/geometries/BoxGeometry",
														
 
															 				"CircleGeometry": "api/zh/geometries/CircleGeometry",
														
@@ -843,7 +834,6 @@
 
															 			},
														
 
															 			"控制": {
														
 
															-				"DeviceOrientationControls": "examples/zh/controls/DeviceOrientationControls",
														
 
															 				"DragControls": "examples/zh/controls/DragControls",
														
 
															 				"FirstPersonControls": "examples/zh/controls/FirstPersonControls",
														
 
															 				"FlyControls": "examples/zh/controls/FlyControls",
														
@@ -980,7 +970,6 @@
 
															 		"레퍼런스": {
														
 
															 			"애니메이션": {
														
 
															-				"AnimationAction": "api/ko/animation/AnimationAction",
														
 
															 				"AnimationAction": "api/ko/animation/AnimationAction",
														
 
															 				"AnimationClip": "api/ko/animation/AnimationClip",
														
 
															 				"AnimationMixer": "api/ko/animation/AnimationMixer",
														
@@ -1030,7 +1019,6 @@
 
															 		"예제": {
														
 
															 			"컨트롤": {
														
 
															-				"DeviceOrientationControls": "examples/ko/controls/DeviceOrientationControls",
														
 
															 				"DragControls": "examples/ko/controls/DragControls",
														
 
															 				"FirstPersonControls": "examples/ko/controls/FirstPersonControls",
														
 
															 				"FlyControls": "examples/ko/controls/FlyControls",
														
--- a/editor/js/Sidebar.Material.js
+++ b/editor/js/Sidebar.Material.js
@@ -142,8 +142,8 @@ function SidebarMaterial( editor ) {
 
															 	// attenuation tint
														
 
															-	const materialAttenuationTint = new SidebarMaterialColorProperty( editor, 'attenuationTint', strings.getKey( 'sidebar/material/attenuationTint' ) );
														
 
															-	container.add( materialAttenuationTint );
														
 
															+	const materialAttenuationColor = new SidebarMaterialColorProperty( editor, 'attenuationColor', strings.getKey( 'sidebar/material/attenuationColor' ) );
														
 
															+	container.add( materialAttenuationColor );
														
 
															 	// thickness
														
--- a/editor/js/Strings.js
+++ b/editor/js/Strings.js
@@ -251,7 +251,7 @@ function Strings( config ) {
 
															 			'sidebar/material/clearcoatroughness': 'Clearcoat Roughness',
														
 
															 			'sidebar/material/transmission': 'Transmission',
														
 
															 			'sidebar/material/attenuationDistance': 'Attenuation Distance',
														
 
															-			'sidebar/material/attenuationTint': 'Attenuation Tint',
														
 
															+			'sidebar/material/attenuationColor': 'Attenuation Color',
														
 
															 			'sidebar/material/thickness': 'Thickness',
														
 
															 			'sidebar/material/vertexcolors': 'Vertex Colors',
														
 
															 			'sidebar/material/matcap': 'Matcap',
														
@@ -579,7 +579,7 @@ function Strings( config ) {
 
															 			'sidebar/material/clearcoatroughness': 'Rugosité du vernis',
														
 
															 			'sidebar/material/transmission': 'Transmission',
														
 
															 			'sidebar/material/attenuationDistance': 'Attenuation Distance',
														
 
															-			'sidebar/material/attenuationTint': 'Attenuation Tint',
														
 
															+			'sidebar/material/attenuationColor': 'Attenuation Color',
														
 
															 			'sidebar/material/thickness': 'Thickness',
														
 
															 			'sidebar/material/vertexcolors': 'Couleurs aux Sommets',
														
 
															 			'sidebar/material/matcap': 'Matcap',
														
@@ -907,7 +907,7 @@ function Strings( config ) {
 
															 			'sidebar/material/clearcoatroughness': '清漆粗糙度',
														
 
															 			'sidebar/material/transmission': '透光',
														
 
															 			'sidebar/material/attenuationDistance': '衰减距离',
														
 
															-			'sidebar/material/attenuationTint': '衰减色彩',
														
 
															+			'sidebar/material/attenuationColor': 'Attenuation Color',
														
 
															 			'sidebar/material/thickness': '厚度',
														
 
															 			'sidebar/material/vertexcolors': '顶点颜色',
														
 
															 			'sidebar/material/matcap': '材质捕获',
														
--- a/editor/js/libs/tern-threejs/threejs.js
+++ b/editor/js/libs/tern-threejs/threejs.js
@@ -1499,18 +1499,6 @@
 
															       "!doc": "Creates a wireframe object that shows the edges of another object's geometry. To draw a  wireframe image showing only \"hard\" edges (edges between non-coplanar faces), see [page:EdgesHelper].",
														
 
															       "!type": "fn(object: +THREE.Object3D, color: +THREE.Color)"
														
 
															     },
														
 
															-    "ImmediateRenderObject": {
														
 
															-      "!url": "http://threejs.org/docs/#Reference/extras/objects/ImmediateRenderObject",
														
 
															-      "prototype": {
														
 
															-        "!proto": "THREE.Object3D.prototype",
														
 
															-        "render": {
														
 
															-          "!type": "fn(renderCallback: function)",
														
 
															-          "!doc": "This function needs to be overridden to start the creation of the object and should call renderCallback when finished."
														
 
															-        }
														
 
															-      },
														
 
															-      "!doc": "base class for immediate rendering objects.",
														
 
															-      "!type": "fn()"
														
 
															-    },
														
 
															     "AmbientLight": {
														
 
															       "!url": "http://threejs.org/docs/#Reference/lights/AmbientLight",
														
 
															       "prototype": {
														
--- a/editor/sw.js
+++ b/editor/sw.js
@@ -1,4 +1,4 @@
 
															-// r133
														
 
															+// r134
														
 
															 const cacheName = 'threejs-editor';
														
--- a/examples/files.json
+++ b/examples/files.json
@@ -84,6 +84,7 @@
 
															 		"webgl_loader_gcode",
														
 
															 		"webgl_loader_gltf",
														
 
															 		"webgl_loader_gltf_compressed",
														
 
															+		"webgl_loader_gltf_sheen",
														
 
															 		"webgl_loader_gltf_transmission",
														
 
															 		"webgl_loader_gltf_variants",
														
 
															 		"webgl_loader_ifc",
														
@@ -146,7 +147,6 @@
 
															 		"webgl_materials_normalmap_object_space",
														
 
															 		"webgl_materials_physical_clearcoat",
														
 
															 		"webgl_materials_physical_reflectivity",
														
 
															-		"webgl_materials_physical_sheen",
														
 
															 		"webgl_materials_physical_transmission",
														
 
															 		"webgl_materials_standard",
														
 
															 		"webgl_materials_subsurface_scattering",
														
@@ -322,7 +322,9 @@
 
															 		"webgpu_lights_selective",
														
 
															 		"webgpu_materials",
														
 
															 		"webgpu_rtt",
														
 
															-		"webgpu_sandbox"
														
 
															+		"webgpu_sandbox",
														
 
															+		"webgpu_skinning",
														
 
															+		"webgpu_skinning_points"
														
 
															 	],
														
 
															 	"webaudio": [
														
 
															 		"webaudio_orientation",
														
@@ -371,7 +373,6 @@
 
															 		"misc_animation_keys",
														
 
															 		"misc_boxselection",
														
 
															 		"misc_controls_arcball",
														
 
															-		"misc_controls_deviceorientation",
														
 
															 		"misc_controls_drag",
														
 
															 		"misc_controls_fly",
														
 
															 		"misc_controls_map",
														
--- a/examples/js/controls/ArcballControls.js
+++ b/examples/js/controls/ArcballControls.js
@@ -40,6 +40,8 @@
 
															 	const _endEvent = {
														
 
															 		type: 'end'
														
 
															 	};
														
 
															+
														
 
															+	const _raycaster = new THREE.Raycaster();
														
 
															 	/**
														
 
															  *
														
 
															  * @param {Camera} camera Virtual camera used in the scene
														
@@ -47,7 +49,8 @@
 
															  * @param {Scene} scene The scene to be rendered
														
 
															  */
														
 
															-	class ArcballControls extends THREE.Object3D {
														
 
															+
														
 
															+	class ArcballControls extends THREE.EventDispatcher {
														
 
															 		constructor( _camera, domElement, scene = null ) {
														
@@ -1591,7 +1594,6 @@
 
															 			this.calculateTbRadius = camera => {
														
 
															-				const factor = 0.67;
														
 
															 				const distance = camera.position.distanceTo( this._gizmos.position );
														
 
															 				if ( camera.type == 'PerspectiveCamera' ) {
														
@@ -1600,11 +1602,11 @@
 
															 					const halfFovH = Math.atan( camera.aspect * Math.tan( halfFovV ) ); //horizontal fov/2 in radians
														
 
															-					return Math.tan( Math.min( halfFovV, halfFovH ) ) * distance * factor;
														
 
															+					return Math.tan( Math.min( halfFovV, halfFovH ) ) * distance * this.radiusFactor;
														
 
															 				} else if ( camera.type == 'OrthographicCamera' ) {
														
 
															-					return Math.min( camera.top, camera.right ) * factor;
														
 
															+					return Math.min( camera.top, camera.right ) * this.radiusFactor;
														
 
															 				}
														
@@ -1707,8 +1709,8 @@
 
															 				window.removeEventListener( 'pointermove', this.onPointerMove );
														
 
															 				window.removeEventListener( 'pointerup', this.onPointerUp );
														
 
															 				window.removeEventListener( 'resize', this.onWindowResize );
														
 
															-				window.addEventListener( 'keydown', this.onKeyDown );
														
 
															-				this.scene.remove( this._gizmos );
														
 
															+				window.removeEventListener( 'keydown', this.onKeyDown );
														
 
															+				if ( this.scene !== null ) this.scene.remove( this._gizmos );
														
 
															 				this.disposeGrid();
														
 
															 			};
														
@@ -1788,7 +1790,7 @@
 
															 			this.setCamera = camera => {
														
 
															-				camera.lookAt( this._tbCenter );
														
 
															+				camera.lookAt( this.target );
														
 
															 				camera.updateMatrix(); //setting state
														
 
															 				if ( camera.type == 'PerspectiveCamera' ) {
														
@@ -1807,10 +1809,10 @@
 
															 				this._zoom0 = camera.zoom;
														
 
															 				this._zoomState = this._zoom0;
														
 
															 				this._initialNear = camera.near;
														
 
															-				this._nearPos0 = camera.position.distanceTo( this._tbCenter ) - camera.near;
														
 
															+				this._nearPos0 = camera.position.distanceTo( this.target ) - camera.near;
														
 
															 				this._nearPos = this._initialNear;
														
 
															 				this._initialFar = camera.far;
														
 
															-				this._farPos0 = camera.position.distanceTo( this._tbCenter ) - camera.far;
														
 
															+				this._farPos0 = camera.position.distanceTo( this.target ) - camera.far;
														
 
															 				this._farPos = this._initialFar;
														
 
															 				this._up0.copy( camera.up );
														
@@ -1821,7 +1823,7 @@
 
															 				this.camera.updateProjectionMatrix(); //making gizmos
														
 
															 				this._tbRadius = this.calculateTbRadius( camera );
														
 
															-				this.makeGizmos( this._tbCenter, this._tbRadius );
														
 
															+				this.makeGizmos( this.target, this._tbRadius );
														
 
															 			};
														
@@ -2283,14 +2285,14 @@
 
															 			this.setTarget = ( x, y, z ) => {
														
 
															-				this._tbCenter.set( x, y, z );
														
 
															+				this.target.set( x, y, z );
														
 
															 				this._gizmos.position.set( x, y, z ); //for correct radius calculation
														
 
															 				this._tbRadius = this.calculateTbRadius( this.camera );
														
 
															-				this.makeGizmos( this._tbCenter, this._tbRadius );
														
 
															-				this.camera.lookAt( this._tbCenter );
														
 
															+				this.makeGizmos( this.target, this._tbRadius );
														
 
															+				this.camera.lookAt( this.target );
														
 
															 			};
														
@@ -2323,7 +2325,7 @@
 
															 			this.unprojectOnObj = ( cursor, camera ) => {
														
 
															-				const raycaster = new THREE.Raycaster();
														
 
															+				const raycaster = this.getRaycaster();
														
 
															 				raycaster.near = camera.near;
														
 
															 				raycaster.far = camera.far;
														
 
															 				raycaster.setFromCamera( cursor, camera );
														
@@ -2680,6 +2682,8 @@
 
															 			this.camera = null;
														
 
															 			this.domElement = domElement;
														
 
															 			this.scene = scene;
														
 
															+			this.target = new THREE.Vector3( 0, 0, 0 );
														
 
															+			this.radiusFactor = 0.67;
														
 
															 			this.mouseActions = [];
														
 
															 			this._mouseOp = null; //global vectors and matrices that are used in some operations to avoid creating new objects every time (e.g. every time cursor moves)
														
@@ -2803,7 +2807,6 @@
 
															 			this.minZoom = 0;
														
 
															 			this.maxZoom = Infinity; //trackball parameters
														
 
															-			this._tbCenter = new THREE.Vector3( 0, 0, 0 );
														
 
															 			this._tbRadius = 1; //FSA
														
 
															 			this._state = STATE.IDLE;
														
@@ -2928,6 +2931,29 @@
 
															 			this._gizmos.visible = value;
														
 
															 			this.dispatchEvent( _changeEvent );
														
 
															+		}
														
 
															+		/**
														
 
															+   * Set gizmos radius factor and redraws gizmos
														
 
															+   * @param {Float} value Value of radius factor
														
 
															+   */
														
 
															+
														
 
															+
														
 
															+		setTbRadius( value ) {
														
 
															+
														
 
															+			this.radiusFactor = value;
														
 
															+			this._tbRadius = this.calculateTbRadius( this.camera );
														
 
															+			const curve = new THREE.EllipseCurve( 0, 0, this._tbRadius, this._tbRadius );
														
 
															+			const points = curve.getPoints( this._curvePts );
														
 
															+			const curveGeometry = new THREE.BufferGeometry().setFromPoints( points );
														
 
															+
														
 
															+			for ( const gizmo in this._gizmos.children ) {
														
 
															+
														
 
															+				this._gizmos.children[ gizmo ].geometry = curveGeometry;
														
 
															+
														
 
															+			}
														
 
															+
														
 
															+			this.dispatchEvent( _changeEvent );
														
 
															+
														
 
															 		}
														
 
															 		/**
														
 
															    * Creates the rotation gizmos matching trackball center and radius
														
@@ -2988,6 +3014,19 @@
 
															    */
														
 
															+		getRaycaster() {
														
 
															+
														
 
															+			return _raycaster;
														
 
															+
														
 
															+		}
														
 
															+		/**
														
 
															+   * Unproject the cursor on the 3D object surface
														
 
															+   * @param {Vector2} cursor Cursor coordinates in NDC
														
 
															+   * @param {Camera} camera Virtual camera
														
 
															+   * @returns {Vector3} The point of intersection with the model, if exist, null otherwise
														
 
															+   */
														
 
															+
														
 
															+
														
 
															 	}
														
 
															 	THREE.ArcballControls = ArcballControls;
														
--- a/examples/js/controls/DeviceOrientationControls.js
+++ b/examples/js/controls/DeviceOrientationControls.js
@@ -1,147 +0,0 @@
 
															-( function () {
														
 
															-
														
 
															-	const _zee = new THREE.Vector3( 0, 0, 1 );
														
 
															-
														
 
															-	const _euler = new THREE.Euler();
														
 
															-
														
 
															-	const _q0 = new THREE.Quaternion();
														
 
															-
														
 
															-	const _q1 = new THREE.Quaternion( - Math.sqrt( 0.5 ), 0, 0, Math.sqrt( 0.5 ) ); // - PI/2 around the x-axis
														
 
															-
														
 
															-
														
 
															-	const _changeEvent = {
														
 
															-		type: 'change'
														
 
															-	};
														
 
															-
														
 
															-	class DeviceOrientationControls extends THREE.EventDispatcher {
														
 
															-
														
 
															-		constructor( object ) {
														
 
															-
														
 
															-			super();
														
 
															-
														
 
															-			if ( window.isSecureContext === false ) {
														
 
															-
														
 
															-				console.error( 'THREE.DeviceOrientationControls: DeviceOrientationEvent is only available in secure contexts (https)' );
														
 
															-
														
 
															-			}
														
 
															-
														
 
															-			const scope = this;
														
 
															-			const EPS = 0.000001;
														
 
															-			const lastQuaternion = new THREE.Quaternion();
														
 
															-			this.object = object;
														
 
															-			this.object.rotation.reorder( 'YXZ' );
														
 
															-			this.enabled = true;
														
 
															-			this.deviceOrientation = {};
														
 
															-			this.screenOrientation = 0;
														
 
															-			this.alphaOffset = 0; // radians
														
 
															-
														
 
															-			const onDeviceOrientationChangeEvent = function ( event ) {
														
 
															-
														
 
															-				scope.deviceOrientation = event;
														
 
															-
														
 
															-			};
														
 
															-
														
 
															-			const onScreenOrientationChangeEvent = function () {
														
 
															-
														
 
															-				scope.screenOrientation = window.orientation || 0;
														
 
															-
														
 
															-			}; // The angles alpha, beta and gamma form a set of intrinsic Tait-Bryan angles of type Z-X'-Y''
														
 
															-
														
 
															-
														
 
															-			const setObjectQuaternion = function ( quaternion, alpha, beta, gamma, orient ) {
														
 
															-
														
 
															-				_euler.set( beta, alpha, - gamma, 'YXZ' ); // 'ZXY' for the device, but 'YXZ' for us
														
 
															-
														
 
															-
														
 
															-				quaternion.setFromEuler( _euler ); // orient the device
														
 
															-
														
 
															-				quaternion.multiply( _q1 ); // camera looks out the back of the device, not the top
														
 
															-
														
 
															-				quaternion.multiply( _q0.setFromAxisAngle( _zee, - orient ) ); // adjust for screen orientation
														
 
															-
														
 
															-			};
														
 
															-
														
 
															-			this.connect = function () {
														
 
															-
														
 
															-				onScreenOrientationChangeEvent(); // run once on load
														
 
															-				// iOS 13+
														
 
															-
														
 
															-				if ( window.DeviceOrientationEvent !== undefined && typeof window.DeviceOrientationEvent.requestPermission === 'function' ) {
														
 
															-
														
 
															-					window.DeviceOrientationEvent.requestPermission().then( function ( response ) {
														
 
															-
														
 
															-						if ( response == 'granted' ) {
														
 
															-
														
 
															-							window.addEventListener( 'orientationchange', onScreenOrientationChangeEvent );
														
 
															-							window.addEventListener( 'deviceorientation', onDeviceOrientationChangeEvent );
														
 
															-
														
 
															-						}
														
 
															-
														
 
															-					} ).catch( function ( error ) {
														
 
															-
														
 
															-						console.error( 'THREE.DeviceOrientationControls: Unable to use DeviceOrientation API:', error );
														
 
															-
														
 
															-					} );
														
 
															-
														
 
															-				} else {
														
 
															-
														
 
															-					window.addEventListener( 'orientationchange', onScreenOrientationChangeEvent );
														
 
															-					window.addEventListener( 'deviceorientation', onDeviceOrientationChangeEvent );
														
 
															-
														
 
															-				}
														
 
															-
														
 
															-				scope.enabled = true;
														
 
															-
														
 
															-			};
														
 
															-
														
 
															-			this.disconnect = function () {
														
 
															-
														
 
															-				window.removeEventListener( 'orientationchange', onScreenOrientationChangeEvent );
														
 
															-				window.removeEventListener( 'deviceorientation', onDeviceOrientationChangeEvent );
														
 
															-				scope.enabled = false;
														
 
															-
														
 
															-			};
														
 
															-
														
 
															-			this.update = function () {
														
 
															-
														
 
															-				if ( scope.enabled === false ) return;
														
 
															-				const device = scope.deviceOrientation;
														
 
															-
														
 
															-				if ( device ) {
														
 
															-
														
 
															-					const alpha = device.alpha ? THREE.MathUtils.degToRad( device.alpha ) + scope.alphaOffset : 0; // Z
														
 
															-
														
 
															-					const beta = device.beta ? THREE.MathUtils.degToRad( device.beta ) : 0; // X'
														
 
															-
														
 
															-					const gamma = device.gamma ? THREE.MathUtils.degToRad( device.gamma ) : 0; // Y''
														
 
															-
														
 
															-					const orient = scope.screenOrientation ? THREE.MathUtils.degToRad( scope.screenOrientation ) : 0; // O
														
 
															-
														
 
															-					setObjectQuaternion( scope.object.quaternion, alpha, beta, gamma, orient );
														
 
															-
														
 
															-					if ( 8 * ( 1 - lastQuaternion.dot( scope.object.quaternion ) ) > EPS ) {
														
 
															-
														
 
															-						lastQuaternion.copy( scope.object.quaternion );
														
 
															-						scope.dispatchEvent( _changeEvent );
														
 
															-
														
 
															-					}
														
 
															-
														
 
															-				}
														
 
															-
														
 
															-			};
														
 
															-
														
 
															-			this.dispose = function () {
														
 
															-
														
 
															-				scope.disconnect();
														
 
															-
														
 
															-			};
														
 
															-
														
 
															-			this.connect();
														
 
															-
														
 
															-		}
														
 
															-
														
 
															-	}
														
 
															-
														
 
															-	THREE.DeviceOrientationControls = DeviceOrientationControls;
														
 
															-
														
 
															-} )();
														
--- a/examples/js/controls/OrbitControls.js
+++ b/examples/js/controls/OrbitControls.js
@@ -892,7 +892,7 @@
 
															 			function onMouseWheel( event ) {
														
 
															-				if ( scope.enabled === false || scope.enableZoom === false || state !== STATE.NONE && state !== STATE.ROTATE ) return;
														
 
															+				if ( scope.enabled === false || scope.enableZoom === false || state !== STATE.NONE ) return;
														
 
															 				event.preventDefault();
														
 
															 				scope.dispatchEvent( _startEvent );
														
 
															 				handleMouseWheel( event );
														
--- a/examples/js/controls/TrackballControls.js
+++ b/examples/js/controls/TrackballControls.js
@@ -117,7 +117,8 @@
 
															 				const vector = new THREE.Vector2();
														
 
															 				return function getMouseOnCircle( pageX, pageY ) {
														
 
															-					vector.set( ( pageX - scope.screen.width * 0.5 - scope.screen.left ) / ( scope.screen.width * 0.5 ), ( scope.screen.height + 2 * ( scope.screen.top - pageY ) ) / scope.screen.width );
														
 
															+					vector.set( ( pageX - scope.screen.width * 0.5 - scope.screen.left ) / ( scope.screen.width * 0.5 ), ( scope.screen.height + 2 * ( scope.screen.top - pageY ) ) / scope.screen.width // screen.width intentional
														
 
															+					);
														
 
															 					return vector;
														
 
															 				};
														
@@ -194,7 +195,7 @@
 
															 					} else if ( scope.object.isOrthographicCamera ) {
														
 
															-						scope.object.zoom *= factor;
														
 
															+						scope.object.zoom /= factor;
														
 
															 						scope.object.updateProjectionMatrix();
														
 
															 					} else {
														
--- a/examples/js/exporters/GLTFExporter.js
+++ b/examples/js/exporters/GLTFExporter.js
@@ -2143,7 +2143,7 @@
 
															 			}
														
 
															 			extensionDef.attenuationDistance = material.attenuationDistance;
														
 
															-			extensionDef.attenuationColor = material.attenuationTint.toArray();
														
 
															+			extensionDef.attenuationColor = material.attenuationColor.toArray();
														
 
															 			materialDef.extensions = materialDef.extensions || {};
														
 
															 			materialDef.extensions[ this.name ] = extensionDef;
														
 
															 			extensionsUsed[ this.name ] = true;
														
--- a/examples/js/exporters/USDZExporter.js
+++ b/examples/js/exporters/USDZExporter.js
@@ -228,25 +228,33 @@ def "Geometry"
 
															 	function buildMeshVertexCount( geometry ) {
														
 
															-		const count = geometry.index !== null ? geometry.index.array.length : geometry.attributes.position.count;
														
 
															+		const count = geometry.index !== null ? geometry.index.count : geometry.attributes.position.count;
														
 
															 		return Array( count / 3 ).fill( 3 ).join( ', ' );
														
 
															 	}
														
 
															 	function buildMeshVertexIndices( geometry ) {
														
 
															-		if ( geometry.index !== null ) {
														
 
															+		const index = geometry.index;
														
 
															+		const array = [];
														
 
															-			return geometry.index.array.join( ', ' );
														
 
															+		if ( index !== null ) {
														
 
															-		}
														
 
															+			for ( let i = 0; i < index.count; i ++ ) {
														
 
															-		const array = [];
														
 
															-		const length = geometry.attributes.position.count;
														
 
															+				array.push( index.getX( i ) );
														
 
															+
														
 
															+			}
														
 
															-		for ( let i = 0; i < length; i ++ ) {
														
 
															+		} else {
														
 
															+
														
 
															+			const length = geometry.attributes.position.count;
														
 
															+
														
 
															+			for ( let i = 0; i < length; i ++ ) {
														
 
															-			array.push( i );
														
 
															+				array.push( i );
														
 
															+
														
 
															+			}
														
 
															 		}
														
@@ -264,11 +272,13 @@ def "Geometry"
 
															 		}
														
 
															 		const array = [];
														
 
															-		const data = attribute.array;
														
 
															-		for ( let i = 0; i < data.length; i += 3 ) {
														
 
															+		for ( let i = 0; i < attribute.count; i ++ ) {
														
 
															-			array.push( `(${data[ i + 0 ].toPrecision( PRECISION )}, ${data[ i + 1 ].toPrecision( PRECISION )}, ${data[ i + 2 ].toPrecision( PRECISION )})` );
														
 
															+			const x = attribute.getX( i );
														
 
															+			const y = attribute.getY( i );
														
 
															+			const z = attribute.getZ( i );
														
 
															+			array.push( `(${x.toPrecision( PRECISION )}, ${y.toPrecision( PRECISION )}, ${z.toPrecision( PRECISION )})` );
														
 
															 		}
														
@@ -286,11 +296,12 @@ def "Geometry"
 
															 		}
														
 
															 		const array = [];
														
 
															-		const data = attribute.array;
														
 
															-		for ( let i = 0; i < data.length; i += 2 ) {
														
 
															+		for ( let i = 0; i < attribute.count; i ++ ) {
														
 
															-			array.push( `(${data[ i + 0 ].toPrecision( PRECISION )}, ${1 - data[ i + 1 ].toPrecision( PRECISION )})` );
														
 
															+			const x = attribute.getX( i );
														
 
															+			const y = attribute.getY( i );
														
 
															+			array.push( `(${x.toPrecision( PRECISION )}, ${1 - y.toPrecision( PRECISION )})` );
														
 
															 		}
														
--- a/examples/js/lines/LineMaterial.js
+++ b/examples/js/lines/LineMaterial.js
@@ -52,10 +52,23 @@
 
															 		attribute vec3 instanceColorStart;
														
 
															 		attribute vec3 instanceColorEnd;
														
 
															-		varying vec2 vUv;
														
 
															-		varying vec4 worldPos;
														
 
															-		varying vec3 worldStart;
														
 
															-		varying vec3 worldEnd;
														
 
															+		#ifdef WORLD_UNITS
														
 
															+
														
 
															+			varying vec4 worldPos;
														
 
															+			varying vec3 worldStart;
														
 
															+			varying vec3 worldEnd;
														
 
															+
														
 
															+			#ifdef USE_DASH
														
 
															+
														
 
															+				varying vec2 vUv;
														
 
															+
														
 
															+			#endif
														
 
															+
														
 
															+		#else
														
 
															+
														
 
															+			varying vec2 vUv;
														
 
															+
														
 
															+		#endif
														
 
															 		#ifdef USE_DASH
														
@@ -92,19 +105,26 @@
 
															 			#ifdef USE_DASH
														
 
															 				vLineDistance = ( position.y < 0.5 ) ? dashScale * instanceDistanceStart : dashScale * instanceDistanceEnd;
														
 
															+				vUv = uv;
														
 
															 			#endif
														
 
															 			float aspect = resolution.x / resolution.y;
														
 
															-			vUv = uv;
														
 
															-
														
 
															 			// camera space
														
 
															 			vec4 start = modelViewMatrix * vec4( instanceStart, 1.0 );
														
 
															 			vec4 end = modelViewMatrix * vec4( instanceEnd, 1.0 );
														
 
															-			worldStart = start.xyz;
														
 
															-			worldEnd = end.xyz;
														
 
															+			#ifdef WORLD_UNITS
														
 
															+
														
 
															+				worldStart = start.xyz;
														
 
															+				worldEnd = end.xyz;
														
 
															+
														
 
															+			#else
														
 
															+
														
 
															+				vUv = uv;
														
 
															+
														
 
															+			#endif
														
 
															 			// special case for perspective projection, and segments that terminate either in, or behind, the camera plane
														
 
															 			// clearly the gpu firmware has a way of addressing this issue when projecting into ndc space
														
@@ -260,9 +280,24 @@
 
															 		#endif
														
 
															 		varying float vLineDistance;
														
 
															-		varying vec4 worldPos;
														
 
															-		varying vec3 worldStart;
														
 
															-		varying vec3 worldEnd;
														
 
															+
														
 
															+		#ifdef WORLD_UNITS
														
 
															+
														
 
															+			varying vec4 worldPos;
														
 
															+			varying vec3 worldStart;
														
 
															+			varying vec3 worldEnd;
														
 
															+
														
 
															+			#ifdef USE_DASH
														
 
															+
														
 
															+				varying vec2 vUv;
														
 
															+
														
 
															+			#endif
														
 
															+
														
 
															+		#else
														
 
															+
														
 
															+			varying vec2 vUv;
														
 
															+
														
 
															+		#endif
														
 
															 		#include <common>
														
 
															 		#include <color_pars_fragment>
														
@@ -270,8 +305,6 @@
 
															 		#include <logdepthbuf_pars_fragment>
														
 
															 		#include <clipping_planes_pars_fragment>
														
 
															-		varying vec2 vUv;
														
 
															-
														
 
															 		vec2 closestLineToLine(vec3 p1, vec3 p2, vec3 p3, vec3 p4) {
														
 
															 			float mua;
														
@@ -330,7 +363,7 @@
 
															 				#ifndef USE_DASH
														
 
															-					#ifdef ALPHA_TO_COVERAGE
														
 
															+					#ifdef USE_ALPHA_TO_COVERAGE
														
 
															 						float dnorm = fwidth( norm );
														
 
															 						alpha = 1.0 - smoothstep( 0.5 - dnorm, 0.5 + dnorm, norm );
														
@@ -349,7 +382,7 @@
 
															 			#else
														
 
															-				#ifdef ALPHA_TO_COVERAGE
														
 
															+				#ifdef USE_ALPHA_TO_COVERAGE
														
 
															 					// artifacts appear on some hardware if a derivative is taken within a conditional
														
 
															 					float a = vUv.x;
														
@@ -566,12 +599,12 @@
 
															 					enumerable: true,
														
 
															 					get: function () {
														
 
															-						return Boolean( 'ALPHA_TO_COVERAGE' in this.defines );
														
 
															+						return Boolean( 'USE_ALPHA_TO_COVERAGE' in this.defines );
														
 
															 					},
														
 
															 					set: function ( value ) {
														
 
															-						if ( Boolean( value ) !== Boolean( 'ALPHA_TO_COVERAGE' in this.defines ) ) {
														
 
															+						if ( Boolean( value ) !== Boolean( 'USE_ALPHA_TO_COVERAGE' in this.defines ) ) {
														
 
															 							this.needsUpdate = true;
														
@@ -579,12 +612,12 @@
 
															 						if ( value === true ) {
														
 
															-							this.defines.ALPHA_TO_COVERAGE = '';
														
 
															+							this.defines.USE_ALPHA_TO_COVERAGE = '';
														
 
															 							this.extensions.derivatives = true;
														
 
															 						} else {
														
 
															-							delete this.defines.ALPHA_TO_COVERAGE;
														
 
															+							delete this.defines.USE_ALPHA_TO_COVERAGE;
														
 
															 							this.extensions.derivatives = false;
														
 
															 						}
														
--- a/examples/js/loaders/3MFLoader.js
+++ b/examples/js/loaders/3MFLoader.js
@@ -1299,7 +1299,7 @@
 
															 				for ( let i = 0; i < buildData.length; i ++ ) {
														
 
															 					const buildItem = buildData[ i ];
														
 
															-					const object3D = objects[ buildItem[ 'objectId' ] ]; // apply transform
														
 
															+					const object3D = objects[ buildItem[ 'objectId' ] ].clone(); // apply transform
														
 
															 					const transform = buildItem[ 'transform' ];
														
--- a/examples/js/loaders/ColladaLoader.js
+++ b/examples/js/loaders/ColladaLoader.js
@@ -1110,6 +1110,10 @@
 
															 							data.parameters = parseEffectParameters( child );
														
 
															 							break;
														
 
															+						case 'extra':
														
 
															+							data.extra = parseEffectExtra( child );
														
 
															+							break;
														
 
															+
														
 
															 					}
														
 
															 				}
														
@@ -1267,6 +1271,10 @@
 
															 							break;
														
 
															+						case 'bump':
														
 
															+							data[ child.nodeName ] = parseEffectExtraTechniqueBump( child );
														
 
															+							break;
														
 
															+
														
 
															 					}
														
 
															 				}
														
@@ -1311,6 +1319,37 @@
 
															 							data[ child.nodeName ] = parseInt( child.textContent );
														
 
															 							break;
														
 
															+						case 'bump':
														
 
															+							data[ child.nodeName ] = parseEffectExtraTechniqueBump( child );
														
 
															+							break;
														
 
															+
														
 
															+					}
														
 
															+
														
 
															+				}
														
 
															+
														
 
															+				return data;
														
 
															+
														
 
															+			}
														
 
															+
														
 
															+			function parseEffectExtraTechniqueBump( xml ) {
														
 
															+
														
 
															+				var data = {};
														
 
															+
														
 
															+				for ( var i = 0, l = xml.childNodes.length; i < l; i ++ ) {
														
 
															+
														
 
															+					var child = xml.childNodes[ i ];
														
 
															+					if ( child.nodeType !== 1 ) continue;
														
 
															+
														
 
															+					switch ( child.nodeName ) {
														
 
															+
														
 
															+						case 'texture':
														
 
															+							data[ child.nodeName ] = {
														
 
															+								id: child.getAttribute( 'texture' ),
														
 
															+								texcoord: child.getAttribute( 'texcoord' ),
														
 
															+								extra: parseEffectParameterTexture( child )
														
 
															+							};
														
 
															+							break;
														
 
															+
														
 
															 					}
														
 
															 				}
														
@@ -1383,7 +1422,6 @@
 
															 				const effect = getEffect( data.url );
														
 
															 				const technique = effect.profile.technique;
														
 
															-				const extra = effect.profile.extra;
														
 
															 				let material;
														
 
															 				switch ( technique.type ) {
														
@@ -1559,6 +1597,7 @@
 
															 								break;
														
 
															 							default:
														
 
															+								material.opacity = 1 - transparency.float;
														
 
															 								console.warn( 'THREE.ColladaLoader: Invalid opaque type "%s" of transparent tag.', transparent.opaque );
														
 
															 						}
														
@@ -1570,9 +1609,28 @@
 
															 				} //
														
 
															-				if ( extra !== undefined && extra.technique !== undefined && extra.technique.double_sided === 1 ) {
														
 
															+				if ( technique.extra !== undefined && technique.extra.technique !== undefined ) {
														
 
															+
														
 
															+					const techniques = technique.extra.technique;
														
 
															-					material.side = THREE.DoubleSide;
														
 
															+					for ( const k in techniques ) {
														
 
															+
														
 
															+						const v = techniques[ k ];
														
 
															+
														
 
															+						switch ( k ) {
														
 
															+
														
 
															+							case 'double_sided':
														
 
															+								material.side = v === 1 ? THREE.DoubleSide : THREE.FrontSide;
														
 
															+								break;
														
 
															+
														
 
															+							case 'bump':
														
 
															+								material.normalMap = getTexture( v.texture );
														
 
															+								material.normalScale = new THREE.Vector2( 1, 1 );
														
 
															+								break;
														
 
															+
														
 
															+						}
														
 
															+
														
 
															+					}
														
 
															 				}
														
--- a/examples/js/loaders/FBXLoader.js
+++ b/examples/js/loaders/FBXLoader.js
@@ -1310,7 +1310,7 @@
 
															 				for ( const nodeID in BindPoseNode ) {
														
 
															-					if ( BindPoseNode[ nodeID ].attrType === 'BindPose' ) {
														
 
															+					if ( BindPoseNode[ nodeID ].attrType === 'BindPose' && BindPoseNode[ nodeID ].NbPoseNodes > 0 ) {
														
 
															 						const poseNodes = BindPoseNode[ nodeID ].PoseNode;
														
--- a/examples/js/loaders/GLTFLoader.js
+++ b/examples/js/loaders/GLTFLoader.js
@@ -23,6 +23,11 @@
 
															 				return new GLTFTextureWebPExtension( parser );
														
 
															+			} );
														
 
															+			this.register( function ( parser ) {
														
 
															+
														
 
															+				return new GLTFMaterialsSheenExtension( parser );
														
 
															+
														
 
															 			} );
														
 
															 			this.register( function ( parser ) {
														
@@ -336,6 +341,7 @@
 
															 		KHR_MATERIALS_CLEARCOAT: 'KHR_materials_clearcoat',
														
 
															 		KHR_MATERIALS_IOR: 'KHR_materials_ior',
														
 
															 		KHR_MATERIALS_PBR_SPECULAR_GLOSSINESS: 'KHR_materials_pbrSpecularGlossiness',
														
 
															+		KHR_MATERIALS_SHEEN: 'KHR_materials_sheen',
														
 
															 		KHR_MATERIALS_SPECULAR: 'KHR_materials_specular',
														
 
															 		KHR_MATERIALS_TRANSMISSION: 'KHR_materials_transmission',
														
 
															 		KHR_MATERIALS_UNLIT: 'KHR_materials_unlit',
														
@@ -592,6 +598,77 @@
 
															 		}
														
 
															+	}
														
 
															+	/**
														
 
															+ * Sheen Materials Extension
														
 
															+ *
														
 
															+ * Specification: https://github.com/KhronosGroup/glTF/tree/main/extensions/2.0/Khronos/KHR_materials_sheen
														
 
															+ */
														
 
															+
														
 
															+
														
 
															+	class GLTFMaterialsSheenExtension {
														
 
															+
														
 
															+		constructor( parser ) {
														
 
															+
														
 
															+			this.parser = parser;
														
 
															+			this.name = EXTENSIONS.KHR_MATERIALS_SHEEN;
														
 
															+
														
 
															+		}
														
 
															+
														
 
															+		getMaterialType( materialIndex ) {
														
 
															+
														
 
															+			const parser = this.parser;
														
 
															+			const materialDef = parser.json.materials[ materialIndex ];
														
 
															+			if ( ! materialDef.extensions || ! materialDef.extensions[ this.name ] ) return null;
														
 
															+			return THREE.MeshPhysicalMaterial;
														
 
															+
														
 
															+		}
														
 
															+
														
 
															+		extendMaterialParams( materialIndex, materialParams ) {
														
 
															+
														
 
															+			const parser = this.parser;
														
 
															+			const materialDef = parser.json.materials[ materialIndex ];
														
 
															+
														
 
															+			if ( ! materialDef.extensions || ! materialDef.extensions[ this.name ] ) {
														
 
															+
														
 
															+				return Promise.resolve();
														
 
															+
														
 
															+			}
														
 
															+
														
 
															+			const pending = [];
														
 
															+			materialParams.sheenColor = new THREE.Color( 0, 0, 0 );
														
 
															+			materialParams.sheenRoughness = 0;
														
 
															+			materialParams.sheen = 1;
														
 
															+			const extension = materialDef.extensions[ this.name ];
														
 
															+
														
 
															+			if ( extension.sheenColorFactor !== undefined ) {
														
 
															+
														
 
															+				materialParams.sheenColor.fromArray( extension.sheenColorFactor );
														
 
															+
														
 
															+			}
														
 
															+
														
 
															+			if ( extension.sheenRoughnessFactor !== undefined ) {
														
 
															+
														
 
															+				materialParams.sheenRoughness = extension.sheenRoughnessFactor;
														
 
															+
														
 
															+			}
														
 
															+
														
 
															+			if ( extension.sheenColorTexture !== undefined ) {
														
 
															+
														
 
															+				pending.push( parser.assignTexture( materialParams, 'sheenColorMap', extension.sheenColorTexture ) );
														
 
															+
														
 
															+			}
														
 
															+
														
 
															+			if ( extension.sheenRoughnessTexture !== undefined ) {
														
 
															+
														
 
															+				pending.push( parser.assignTexture( materialParams, 'sheenRoughnessMap', extension.sheenRoughnessTexture ) );
														
 
															+
														
 
															+			}
														
 
															+
														
 
															+			return Promise.all( pending );
														
 
															+
														
 
															+		}
														
 
															+
														
 
															 	}
														
 
															 	/**
														
 
															  * Transmission Materials Extension
														
@@ -698,7 +775,7 @@
 
															 			materialParams.attenuationDistance = extension.attenuationDistance || 0;
														
 
															 			const colorArray = extension.attenuationColor || [ 1, 1, 1 ];
														
 
															-			materialParams.attenuationTint = new THREE.Color( colorArray[ 0 ], colorArray[ 1 ], colorArray[ 2 ] );
														
 
															+			materialParams.attenuationColor = new THREE.Color( colorArray[ 0 ], colorArray[ 1 ], colorArray[ 2 ] );
														
 
															 			return Promise.all( pending );
														
 
															 		}
														
@@ -794,11 +871,11 @@
 
															 			}
														
 
															 			const colorArray = extension.specularColorFactor || [ 1, 1, 1 ];
														
 
															-			materialParams.specularTint = new THREE.Color( colorArray[ 0 ], colorArray[ 1 ], colorArray[ 2 ] );
														
 
															+			materialParams.specularColor = new THREE.Color( colorArray[ 0 ], colorArray[ 1 ], colorArray[ 2 ] );
														
 
															 			if ( extension.specularColorTexture !== undefined ) {
														
 
															-				pending.push( parser.assignTexture( materialParams, 'specularTintMap', extension.specularColorTexture ).then( function ( texture ) {
														
 
															+				pending.push( parser.assignTexture( materialParams, 'specularColorMap', extension.specularColorTexture ).then( function ( texture ) {
														
 
															 					texture.encoding = THREE.sRGBEncoding;
														
@@ -1658,34 +1735,10 @@
 
															 		MASK: 'MASK',
														
 
															 		BLEND: 'BLEND'
														
 
															 	};
														
 
															-	/* UTILITY FUNCTIONS */
														
 
															-
														
 
															-	function resolveURL( url, path ) {
														
 
															-
														
 
															-		// Invalid URL
														
 
															-		if ( typeof url !== 'string' || url === '' ) return ''; // Host Relative URL
														
 
															-
														
 
															-		if ( /^https?:\/\//i.test( path ) && /^\//.test( url ) ) {
														
 
															-
														
 
															-			path = path.replace( /(^https?:\/\/[^\/]+).*/i, '$1' );
														
 
															-
														
 
															-		} // Absolute URL http://,https://,//
														
 
															-
														
 
															-
														
 
															-		if ( /^(https?:)?\/\//i.test( url ) ) return url; // Data URI
														
 
															-
														
 
															-		if ( /^data:.*,.*$/i.test( url ) ) return url; // Blob URL
														
 
															-
														
 
															-		if ( /^blob:.*$/i.test( url ) ) return url; // Relative URL
														
 
															-
														
 
															-		return path + url;
														
 
															-
														
 
															-	}
														
 
															 	/**
														
 
															  * Specification: https://github.com/KhronosGroup/glTF/blob/master/specification/2.0/README.md#default-material
														
 
															  */
														
 
															-
														
 
															 	function createDefaultMaterial( cache ) {
														
 
															 		if ( cache[ 'DefaultMaterial' ] === undefined ) {
														
@@ -2312,7 +2365,7 @@
 
															 			const options = this.options;
														
 
															 			return new Promise( function ( resolve, reject ) {
														
 
															-				loader.load( resolveURL( bufferDef.uri, options.path ), resolve, undefined, function () {
														
 
															+				loader.load( THREE.LoaderUtils.resolveURL( bufferDef.uri, options.path ), resolve, undefined, function () {
														
 
															 					reject( new Error( 'THREE.GLTFLoader: Failed to load buffer "' + bufferDef.uri + '".' ) );
														
@@ -2547,7 +2600,7 @@
 
															 					}
														
 
															-					loader.load( resolveURL( sourceURI, options.path ), onLoad, undefined, reject );
														
 
															+					loader.load( THREE.LoaderUtils.resolveURL( sourceURI, options.path ), onLoad, undefined, reject );
														
 
															 				} );
														
--- a/examples/js/loaders/KTX2Loader.js
+++ b/examples/js/loaders/KTX2Loader.js
@@ -17,6 +17,8 @@
 
															 	const _taskCache = new WeakMap();
														
 
															+	let _activeLoaders = 0;
														
 
															+
														
 
															 	class KTX2Loader extends THREE.Loader {
														
 
															 		constructor( manager ) {
														
@@ -109,6 +111,15 @@
 
															 				} );
														
 
															+				if ( _activeLoaders > 0 ) {
														
 
															+
														
 
															+					// Each instance loads a transcoder and allocates workers, increasing network and memory cost.
														
 
															+					console.warn( 'THREE.KTX2Loader: Multiple active KTX2 loaders may cause performance issues.' + ' Use a single KTX2Loader instance, or call .dispose() on old instances.' );
														
 
															+
														
 
															+				}
														
 
															+
														
 
															+				_activeLoaders ++;
														
 
															+
														
 
															 			}
														
 
															 			return this.transcoderPending;
														
@@ -207,6 +218,7 @@
 
															 			URL.revokeObjectURL( this.workerSourceURL );
														
 
															 			this.workerPool.dispose();
														
 
															+			_activeLoaders --;
														
 
															 			return this;
														
 
															 		}
														
--- a/examples/js/loaders/RGBELoader.js
+++ b/examples/js/loaders/RGBELoader.js
@@ -220,7 +220,8 @@
 
															 					const scanline_width = w;
														
 
															 					if ( // run length encoding is not allowed so read flat
														
 
															-						scanline_width < 8 || scanline_width > 0x7fff || 2 !== buffer[ 0 ] || 2 !== buffer[ 1 ] || buffer[ 2 ] & 0x80 ) {
														
 
															+						scanline_width < 8 || scanline_width > 0x7fff || // this file is not run length encoded
														
 
															+      2 !== buffer[ 0 ] || 2 !== buffer[ 1 ] || buffer[ 2 ] & 0x80 ) {
														
 
															 						// return the flat buffer
														
 
															 						return new Uint8Array( buffer );
														
--- a/examples/js/loaders/TDSLoader.js
+++ b/examples/js/loaders/TDSLoader.js
@@ -16,7 +16,6 @@
 
															 			super( manager );
														
 
															 			this.debug = false;
														
 
															 			this.group = null;
														
 
															-			this.position = 0;
														
 
															 			this.materials = [];
														
 
															 			this.meshes = [];
														
@@ -79,7 +78,6 @@
 
															 		parse( arraybuffer, path ) {
														
 
															 			this.group = new THREE.Group();
														
 
															-			this.position = 0;
														
 
															 			this.materials = [];
														
 
															 			this.meshes = [];
														
 
															 			this.readFile( arraybuffer, path );
														
@@ -105,31 +103,30 @@
 
															 		readFile( arraybuffer, path ) {
														
 
															 			const data = new DataView( arraybuffer );
														
 
															-			const chunk = this.readChunk( data );
														
 
															+			const chunk = new Chunk( data, 0, this.debugMessage );
														
 
															 			if ( chunk.id === MLIBMAGIC || chunk.id === CMAGIC || chunk.id === M3DMAGIC ) {
														
 
															-				let next = this.nextChunk( data, chunk );
														
 
															+				let next = chunk.readChunk();
														
 
															-				while ( next !== 0 ) {
														
 
															+				while ( next ) {
														
 
															-					if ( next === M3D_VERSION ) {
														
 
															+					if ( next.id === M3D_VERSION ) {
														
 
															-						const version = this.readDWord( data );
														
 
															+						const version = next.readDWord();
														
 
															 						this.debugMessage( '3DS file version: ' + version );
														
 
															-					} else if ( next === MDATA ) {
														
 
															+					} else if ( next.id === MDATA ) {
														
 
															-						this.resetPosition( data );
														
 
															-						this.readMeshData( data, path );
														
 
															+						this.readMeshData( next, path );
														
 
															 					} else {
														
 
															-						this.debugMessage( 'Unknown main chunk: ' + next.toString( 16 ) );
														
 
															+						this.debugMessage( 'Unknown main chunk: ' + next.hexId );
														
 
															 					}
														
 
															-					next = this.nextChunk( data, chunk );
														
 
															+					next = chunk.readChunk();
														
 
															 				}
														
@@ -142,48 +139,45 @@
 
															    * Read mesh data chunk.
														
 
															    *
														
 
															    * @method readMeshData
														
 
															-   * @param {Dataview} data Dataview in use.
														
 
															+   * @param {Chunk} chunk to read mesh from
														
 
															    * @param {String} path Path for external resources.
														
 
															    */
														
 
															-		readMeshData( data, path ) {
														
 
															+		readMeshData( chunk, path ) {
														
 
															-			const chunk = this.readChunk( data );
														
 
															-			let next = this.nextChunk( data, chunk );
														
 
															+			let next = chunk.readChunk();
														
 
															-			while ( next !== 0 ) {
														
 
															+			while ( next ) {
														
 
															-				if ( next === MESH_VERSION ) {
														
 
															+				if ( next.id === MESH_VERSION ) {
														
 
															-					const version = + this.readDWord( data );
														
 
															+					const version = + next.readDWord();
														
 
															 					this.debugMessage( 'Mesh Version: ' + version );
														
 
															-				} else if ( next === MASTER_SCALE ) {
														
 
															+				} else if ( next.id === MASTER_SCALE ) {
														
 
															-					const scale = this.readFloat( data );
														
 
															+					const scale = next.readFloat();
														
 
															 					this.debugMessage( 'Master scale: ' + scale );
														
 
															 					this.group.scale.set( scale, scale, scale );
														
 
															-				} else if ( next === NAMED_OBJECT ) {
														
 
															+				} else if ( next.id === NAMED_OBJECT ) {
														
 
															 					this.debugMessage( 'Named Object' );
														
 
															-					this.resetPosition( data );
														
 
															-					this.readNamedObject( data );
														
 
															+					this.readNamedObject( next );
														
 
															-				} else if ( next === MAT_ENTRY ) {
														
 
															+				} else if ( next.id === MAT_ENTRY ) {
														
 
															 					this.debugMessage( 'Material' );
														
 
															-					this.resetPosition( data );
														
 
															-					this.readMaterialEntry( data, path );
														
 
															+					this.readMaterialEntry( next, path );
														
 
															 				} else {
														
 
															-					this.debugMessage( 'Unknown MDATA chunk: ' + next.toString( 16 ) );
														
 
															+					this.debugMessage( 'Unknown MDATA chunk: ' + next.hexId );
														
 
															 				}
														
 
															-				next = this.nextChunk( data, chunk );
														
 
															+				next = chunk.readChunk();
														
 
															 			}
														
@@ -192,145 +186,134 @@
 
															    * Read named object chunk.
														
 
															    *
														
 
															    * @method readNamedObject
														
 
															-   * @param {Dataview} data Dataview in use.
														
 
															+   * @param {Chunk} chunk Chunk in use.
														
 
															    */
														
 
															-		readNamedObject( data ) {
														
 
															+		readNamedObject( chunk ) {
														
 
															-			const chunk = this.readChunk( data );
														
 
															-			const name = this.readString( data, 64 );
														
 
															-			chunk.cur = this.position;
														
 
															-			let next = this.nextChunk( data, chunk );
														
 
															+			const name = chunk.readString();
														
 
															+			let next = chunk.readChunk();
														
 
															-			while ( next !== 0 ) {
														
 
															+			while ( next ) {
														
 
															-				if ( next === N_TRI_OBJECT ) {
														
 
															+				if ( next.id === N_TRI_OBJECT ) {
														
 
															-					this.resetPosition( data );
														
 
															-					const mesh = this.readMesh( data );
														
 
															+					const mesh = this.readMesh( next );
														
 
															 					mesh.name = name;
														
 
															 					this.meshes.push( mesh );
														
 
															 				} else {
														
 
															-					this.debugMessage( 'Unknown named object chunk: ' + next.toString( 16 ) );
														
 
															+					this.debugMessage( 'Unknown named object chunk: ' + next.hexId );
														
 
															 				}
														
 
															-				next = this.nextChunk( data, chunk );
														
 
															+				next = chunk.readChunk();
														
 
															 			}
														
 
															-			this.endChunk( chunk );
														
 
															-
														
 
															 		}
														
 
															 		/**
														
 
															    * Read material data chunk and add it to the material list.
														
 
															    *
														
 
															    * @method readMaterialEntry
														
 
															-   * @param {Dataview} data Dataview in use.
														
 
															+   * @param {Chunk} chunk Chunk in use.
														
 
															    * @param {String} path Path for external resources.
														
 
															    */
														
 
															-		readMaterialEntry( data, path ) {
														
 
															+		readMaterialEntry( chunk, path ) {
														
 
															-			const chunk = this.readChunk( data );
														
 
															-			let next = this.nextChunk( data, chunk );
														
 
															+			let next = chunk.readChunk();
														
 
															 			const material = new THREE.MeshPhongMaterial();
														
 
															-			while ( next !== 0 ) {
														
 
															+			while ( next ) {
														
 
															-				if ( next === MAT_NAME ) {
														
 
															+				if ( next.id === MAT_NAME ) {
														
 
															-					material.name = this.readString( data, 64 );
														
 
															+					material.name = next.readString();
														
 
															 					this.debugMessage( '   Name: ' + material.name );
														
 
															-				} else if ( next === MAT_WIRE ) {
														
 
															+				} else if ( next.id === MAT_WIRE ) {
														
 
															 					this.debugMessage( '   Wireframe' );
														
 
															 					material.wireframe = true;
														
 
															-				} else if ( next === MAT_WIRE_SIZE ) {
														
 
															+				} else if ( next.id === MAT_WIRE_SIZE ) {
														
 
															-					const value = this.readByte( data );
														
 
															+					const value = next.readByte();
														
 
															 					material.wireframeLinewidth = value;
														
 
															 					this.debugMessage( '   Wireframe Thickness: ' + value );
														
 
															-				} else if ( next === MAT_TWO_SIDE ) {
														
 
															+				} else if ( next.id === MAT_TWO_SIDE ) {
														
 
															 					material.side = THREE.DoubleSide;
														
 
															 					this.debugMessage( '   DoubleSided' );
														
 
															-				} else if ( next === MAT_ADDITIVE ) {
														
 
															+				} else if ( next.id === MAT_ADDITIVE ) {
														
 
															 					this.debugMessage( '   Additive Blending' );
														
 
															 					material.blending = THREE.AdditiveBlending;
														
 
															-				} else if ( next === MAT_DIFFUSE ) {
														
 
															+				} else if ( next.id === MAT_DIFFUSE ) {
														
 
															 					this.debugMessage( '   Diffuse THREE.Color' );
														
 
															-					material.color = this.readColor( data );
														
 
															+					material.color = this.readColor( next );
														
 
															-				} else if ( next === MAT_SPECULAR ) {
														
 
															+				} else if ( next.id === MAT_SPECULAR ) {
														
 
															 					this.debugMessage( '   Specular THREE.Color' );
														
 
															-					material.specular = this.readColor( data );
														
 
															+					material.specular = this.readColor( next );
														
 
															-				} else if ( next === MAT_AMBIENT ) {
														
 
															+				} else if ( next.id === MAT_AMBIENT ) {
														
 
															 					this.debugMessage( '   Ambient color' );
														
 
															-					material.color = this.readColor( data );
														
 
															+					material.color = this.readColor( next );
														
 
															-				} else if ( next === MAT_SHININESS ) {
														
 
															+				} else if ( next.id === MAT_SHININESS ) {
														
 
															-					const shininess = this.readPercentage( data );
														
 
															+					const shininess = this.readPercentage( next );
														
 
															 					material.shininess = shininess * 100;
														
 
															 					this.debugMessage( '   Shininess : ' + shininess );
														
 
															-				} else if ( next === MAT_TRANSPARENCY ) {
														
 
															+				} else if ( next.id === MAT_TRANSPARENCY ) {
														
 
															-					const transparency = this.readPercentage( data );
														
 
															+					const transparency = this.readPercentage( next );
														
 
															 					material.opacity = 1 - transparency;
														
 
															 					this.debugMessage( '  Transparency : ' + transparency );
														
 
															 					material.transparent = material.opacity < 1 ? true : false;
														
 
															-				} else if ( next === MAT_TEXMAP ) {
														
 
															+				} else if ( next.id === MAT_TEXMAP ) {
														
 
															 					this.debugMessage( '   ColorMap' );
														
 
															-					this.resetPosition( data );
														
 
															-					material.map = this.readMap( data, path );
														
 
															+					material.map = this.readMap( next, path );
														
 
															-				} else if ( next === MAT_BUMPMAP ) {
														
 
															+				} else if ( next.id === MAT_BUMPMAP ) {
														
 
															 					this.debugMessage( '   BumpMap' );
														
 
															-					this.resetPosition( data );
														
 
															-					material.bumpMap = this.readMap( data, path );
														
 
															+					material.bumpMap = this.readMap( next, path );
														
 
															-				} else if ( next === MAT_OPACMAP ) {
														
 
															+				} else if ( next.id === MAT_OPACMAP ) {
														
 
															 					this.debugMessage( '   OpacityMap' );
														
 
															-					this.resetPosition( data );
														
 
															-					material.alphaMap = this.readMap( data, path );
														
 
															+					material.alphaMap = this.readMap( next, path );
														
 
															-				} else if ( next === MAT_SPECMAP ) {
														
 
															+				} else if ( next.id === MAT_SPECMAP ) {
														
 
															 					this.debugMessage( '   SpecularMap' );
														
 
															-					this.resetPosition( data );
														
 
															-					material.specularMap = this.readMap( data, path );
														
 
															+					material.specularMap = this.readMap( next, path );
														
 
															 				} else {
														
 
															-					this.debugMessage( '   Unknown material chunk: ' + next.toString( 16 ) );
														
 
															+					this.debugMessage( '   Unknown material chunk: ' + next.hexId );
														
 
															 				}
														
 
															-				next = this.nextChunk( data, chunk );
														
 
															+				next = chunk.readChunk();
														
 
															 			}
														
 
															-			this.endChunk( chunk );
														
 
															 			this.materials[ material.name ] = material;
														
 
															 		}
														
@@ -338,68 +321,66 @@
 
															    * Read mesh data chunk.
														
 
															    *
														
 
															    * @method readMesh
														
 
															-   * @param {Dataview} data Dataview in use.
														
 
															+   * @param {Chunk} chunk Chunk in use.
														
 
															    * @return {Mesh} The parsed mesh.
														
 
															    */
														
 
															-		readMesh( data ) {
														
 
															+		readMesh( chunk ) {
														
 
															-			const chunk = this.readChunk( data );
														
 
															-			let next = this.nextChunk( data, chunk );
														
 
															+			let next = chunk.readChunk();
														
 
															 			const geometry = new THREE.BufferGeometry();
														
 
															 			const material = new THREE.MeshPhongMaterial();
														
 
															 			const mesh = new THREE.Mesh( geometry, material );
														
 
															 			mesh.name = 'mesh';
														
 
															-			while ( next !== 0 ) {
														
 
															+			while ( next ) {
														
 
															-				if ( next === POINT_ARRAY ) {
														
 
															+				if ( next.id === POINT_ARRAY ) {
														
 
															-					const points = this.readWord( data );
														
 
															+					const points = next.readWord();
														
 
															 					this.debugMessage( '   Vertex: ' + points ); //BufferGeometry
														
 
															 					const vertices = [];
														
 
															 					for ( let i = 0; i < points; i ++ ) {
														
 
															-						vertices.push( this.readFloat( data ) );
														
 
															-						vertices.push( this.readFloat( data ) );
														
 
															-						vertices.push( this.readFloat( data ) );
														
 
															+						vertices.push( next.readFloat() );
														
 
															+						vertices.push( next.readFloat() );
														
 
															+						vertices.push( next.readFloat() );
														
 
															 					}
														
 
															 					geometry.setAttribute( 'position', new THREE.Float32BufferAttribute( vertices, 3 ) );
														
 
															-				} else if ( next === FACE_ARRAY ) {
														
 
															+				} else if ( next.id === FACE_ARRAY ) {
														
 
															-					this.resetPosition( data );
														
 
															-					this.readFaceArray( data, mesh );
														
 
															+					this.readFaceArray( next, mesh );
														
 
															-				} else if ( next === TEX_VERTS ) {
														
 
															+				} else if ( next.id === TEX_VERTS ) {
														
 
															-					const texels = this.readWord( data );
														
 
															+					const texels = next.readWord();
														
 
															 					this.debugMessage( '   UV: ' + texels ); //BufferGeometry
														
 
															 					const uvs = [];
														
 
															 					for ( let i = 0; i < texels; i ++ ) {
														
 
															-						uvs.push( this.readFloat( data ) );
														
 
															-						uvs.push( this.readFloat( data ) );
														
 
															+						uvs.push( next.readFloat() );
														
 
															+						uvs.push( next.readFloat() );
														
 
															 					}
														
 
															 					geometry.setAttribute( 'uv', new THREE.Float32BufferAttribute( uvs, 2 ) );
														
 
															-				} else if ( next === MESH_MATRIX ) {
														
 
															+				} else if ( next.id === MESH_MATRIX ) {
														
 
															 					this.debugMessage( '   Tranformation Matrix (TODO)' );
														
 
															 					const values = [];
														
 
															 					for ( let i = 0; i < 12; i ++ ) {
														
 
															-						values[ i ] = this.readFloat( data );
														
 
															+						values[ i ] = next.readFloat();
														
 
															 					}
														
@@ -432,15 +413,14 @@
 
															 				} else {
														
 
															-					this.debugMessage( '   Unknown mesh chunk: ' + next.toString( 16 ) );
														
 
															+					this.debugMessage( '   Unknown mesh chunk: ' + next.hexId );
														
 
															 				}
														
 
															-				next = this.nextChunk( data, chunk );
														
 
															+				next = chunk.readChunk();
														
 
															 			}
														
 
															-			this.endChunk( chunk );
														
 
															 			geometry.computeVertexNormals();
														
 
															 			return mesh;
														
@@ -449,22 +429,21 @@
 
															    * Read face array data chunk.
														
 
															    *
														
 
															    * @method readFaceArray
														
 
															-   * @param {Dataview} data Dataview in use.
														
 
															+   * @param {Chunk} chunk Chunk in use.
														
 
															    * @param {Mesh} mesh THREE.Mesh to be filled with the data read.
														
 
															    */
														
 
															-		readFaceArray( data, mesh ) {
														
 
															+		readFaceArray( chunk, mesh ) {
														
 
															-			const chunk = this.readChunk( data );
														
 
															-			const faces = this.readWord( data );
														
 
															+			const faces = chunk.readWord();
														
 
															 			this.debugMessage( '   Faces: ' + faces );
														
 
															 			const index = [];
														
 
															 			for ( let i = 0; i < faces; ++ i ) {
														
 
															-				index.push( this.readWord( data ), this.readWord( data ), this.readWord( data ) );
														
 
															-				this.readWord( data ); // visibility
														
 
															+				index.push( chunk.readWord(), chunk.readWord(), chunk.readWord() );
														
 
															+				chunk.readWord(); // visibility
														
 
															 			}
														
@@ -473,15 +452,14 @@
 
															 			let materialIndex = 0;
														
 
															 			let start = 0;
														
 
															-			while ( this.position < chunk.end ) {
														
 
															+			while ( ! chunk.endOfChunk ) {
														
 
															-				const subchunk = this.readChunk( data );
														
 
															+				const subchunk = chunk.readChunk();
														
 
															 				if ( subchunk.id === MSH_MAT_GROUP ) {
														
 
															 					this.debugMessage( '      Material THREE.Group' );
														
 
															-					this.resetPosition( data );
														
 
															-					const group = this.readMaterialGroup( data );
														
 
															+					const group = this.readMaterialGroup( subchunk );
														
 
															 					const count = group.index.length * 3; // assuming successive indices
														
 
															 					mesh.geometry.addGroup( start, count, materialIndex );
														
@@ -498,76 +476,70 @@
 
															 				} else {
														
 
															-					this.debugMessage( '      Unknown face array chunk: ' + subchunk.toString( 16 ) );
														
 
															+					this.debugMessage( '      Unknown face array chunk: ' + subchunk.hexId );
														
 
															 				}
														
 
															-				this.endChunk( subchunk );
														
 
															-
														
 
															 			}
														
 
															 			if ( mesh.material.length === 1 ) mesh.material = mesh.material[ 0 ]; // for backwards compatibility
														
 
															-			this.endChunk( chunk );
														
 
															-
														
 
															 		}
														
 
															 		/**
														
 
															    * Read texture map data chunk.
														
 
															    *
														
 
															    * @method readMap
														
 
															-   * @param {Dataview} data Dataview in use.
														
 
															+   * @param {Chunk} chunk Chunk in use.
														
 
															    * @param {String} path Path for external resources.
														
 
															    * @return {Texture} Texture read from this data chunk.
														
 
															    */
														
 
															-		readMap( data, path ) {
														
 
															+		readMap( chunk, path ) {
														
 
															-			const chunk = this.readChunk( data );
														
 
															-			let next = this.nextChunk( data, chunk );
														
 
															+			let next = chunk.readChunk();
														
 
															 			let texture = {};
														
 
															 			const loader = new THREE.TextureLoader( this.manager );
														
 
															 			loader.setPath( this.resourcePath || path ).setCrossOrigin( this.crossOrigin );
														
 
															-			while ( next !== 0 ) {
														
 
															+			while ( next ) {
														
 
															-				if ( next === MAT_MAPNAME ) {
														
 
															+				if ( next.id === MAT_MAPNAME ) {
														
 
															-					const name = this.readString( data, 128 );
														
 
															+					const name = next.readString();
														
 
															 					texture = loader.load( name );
														
 
															 					this.debugMessage( '      File: ' + path + name );
														
 
															-				} else if ( next === MAT_MAP_UOFFSET ) {
														
 
															+				} else if ( next.id === MAT_MAP_UOFFSET ) {
														
 
															-					texture.offset.x = this.readFloat( data );
														
 
															+					texture.offset.x = next.readFloat();
														
 
															 					this.debugMessage( '      OffsetX: ' + texture.offset.x );
														
 
															-				} else if ( next === MAT_MAP_VOFFSET ) {
														
 
															+				} else if ( next.id === MAT_MAP_VOFFSET ) {
														
 
															-					texture.offset.y = this.readFloat( data );
														
 
															+					texture.offset.y = next.readFloat();
														
 
															 					this.debugMessage( '      OffsetY: ' + texture.offset.y );
														
 
															-				} else if ( next === MAT_MAP_USCALE ) {
														
 
															+				} else if ( next.id === MAT_MAP_USCALE ) {
														
 
															-					texture.repeat.x = this.readFloat( data );
														
 
															+					texture.repeat.x = next.readFloat();
														
 
															 					this.debugMessage( '      RepeatX: ' + texture.repeat.x );
														
 
															-				} else if ( next === MAT_MAP_VSCALE ) {
														
 
															+				} else if ( next.id === MAT_MAP_VSCALE ) {
														
 
															-					texture.repeat.y = this.readFloat( data );
														
 
															+					texture.repeat.y = next.readFloat();
														
 
															 					this.debugMessage( '      RepeatY: ' + texture.repeat.y );
														
 
															 				} else {
														
 
															-					this.debugMessage( '      Unknown map chunk: ' + next.toString( 16 ) );
														
 
															+					this.debugMessage( '      Unknown map chunk: ' + next.hexId );
														
 
															 				}
														
 
															-				next = this.nextChunk( data, chunk );
														
 
															+				next = chunk.readChunk();
														
 
															 			}
														
 
															-			this.endChunk( chunk );
														
 
															 			return texture;
														
 
															 		}
														
@@ -575,23 +547,22 @@
 
															    * Read material group data chunk.
														
 
															    *
														
 
															    * @method readMaterialGroup
														
 
															-   * @param {Dataview} data Dataview in use.
														
 
															+   * @param {Chunk} chunk Chunk in use.
														
 
															    * @return {Object} Object with name and index of the object.
														
 
															    */
														
 
															-		readMaterialGroup( data ) {
														
 
															+		readMaterialGroup( chunk ) {
														
 
															-			this.readChunk( data );
														
 
															-			const name = this.readString( data, 64 );
														
 
															-			const numFaces = this.readWord( data );
														
 
															+			const name = chunk.readString();
														
 
															+			const numFaces = chunk.readWord();
														
 
															 			this.debugMessage( '         Name: ' + name );
														
 
															 			this.debugMessage( '         Faces: ' + numFaces );
														
 
															 			const index = [];
														
 
															 			for ( let i = 0; i < numFaces; ++ i ) {
														
 
															-				index.push( this.readWord( data ) );
														
 
															+				index.push( chunk.readWord() );
														
 
															 			}
														
@@ -605,132 +576,191 @@
 
															    * Read a color value.
														
 
															    *
														
 
															    * @method readColor
														
 
															-   * @param {DataView} data Dataview.
														
 
															+   * @param {Chunk} chunk Chunk.
														
 
															    * @return {Color} THREE.Color value read..
														
 
															    */
														
 
															-		readColor( data ) {
														
 
															+		readColor( chunk ) {
														
 
															-			const chunk = this.readChunk( data );
														
 
															+			const subChunk = chunk.readChunk();
														
 
															 			const color = new THREE.Color();
														
 
															-			if ( chunk.id === COLOR_24 || chunk.id === LIN_COLOR_24 ) {
														
 
															+			if ( subChunk.id === COLOR_24 || subChunk.id === LIN_COLOR_24 ) {
														
 
															-				const r = this.readByte( data );
														
 
															-				const g = this.readByte( data );
														
 
															-				const b = this.readByte( data );
														
 
															+				const r = subChunk.readByte();
														
 
															+				const g = subChunk.readByte();
														
 
															+				const b = subChunk.readByte();
														
 
															 				color.setRGB( r / 255, g / 255, b / 255 );
														
 
															 				this.debugMessage( '      THREE.Color: ' + color.r + ', ' + color.g + ', ' + color.b );
														
 
															-			} else if ( chunk.id === COLOR_F || chunk.id === LIN_COLOR_F ) {
														
 
															+			} else if ( subChunk.id === COLOR_F || subChunk.id === LIN_COLOR_F ) {
														
 
															-				const r = this.readFloat( data );
														
 
															-				const g = this.readFloat( data );
														
 
															-				const b = this.readFloat( data );
														
 
															+				const r = subChunk.readFloat();
														
 
															+				const g = subChunk.readFloat();
														
 
															+				const b = subChunk.readFloat();
														
 
															 				color.setRGB( r, g, b );
														
 
															 				this.debugMessage( '      THREE.Color: ' + color.r + ', ' + color.g + ', ' + color.b );
														
 
															 			} else {
														
 
															-				this.debugMessage( '      Unknown color chunk: ' + chunk.toString( 16 ) );
														
 
															+				this.debugMessage( '      Unknown color chunk: ' + subChunk.hexId );
														
 
															 			}
														
 
															-			this.endChunk( chunk );
														
 
															 			return color;
														
 
															 		}
														
 
															 		/**
														
 
															-   * Read next chunk of data.
														
 
															+   * Read percentage value.
														
 
															    *
														
 
															-   * @method readChunk
														
 
															-   * @param {DataView} data Dataview.
														
 
															-   * @return {Object} Chunk of data read.
														
 
															+   * @method readPercentage
														
 
															+   * @param {Chunk} chunk Chunk to read data from.
														
 
															+   * @return {Number} Data read from the dataview.
														
 
															    */
														
 
															-		readChunk( data ) {
														
 
															+		readPercentage( chunk ) {
														
 
															-			const chunk = {};
														
 
															-			chunk.cur = this.position;
														
 
															-			chunk.id = this.readWord( data );
														
 
															-			chunk.size = this.readDWord( data );
														
 
															-			chunk.end = chunk.cur + chunk.size;
														
 
															-			chunk.cur += 6;
														
 
															-			return chunk;
														
 
															+			const subChunk = chunk.readChunk();
														
 
															+
														
 
															+			switch ( subChunk.id ) {
														
 
															+
														
 
															+				case INT_PERCENTAGE:
														
 
															+					return subChunk.readShort() / 100;
														
 
															+					break;
														
 
															+
														
 
															+				case FLOAT_PERCENTAGE:
														
 
															+					return subChunk.readFloat();
														
 
															+					break;
														
 
															+
														
 
															+				default:
														
 
															+					this.debugMessage( '      Unknown percentage chunk: ' + subChunk.hexId );
														
 
															+					return 0;
														
 
															+
														
 
															+			}
														
 
															 		}
														
 
															 		/**
														
 
															-   * Set position to the end of the current chunk of data.
														
 
															+   * Print debug message to the console.
														
 
															+   *
														
 
															+   * Is controlled by a flag to show or hide debug messages.
														
 
															    *
														
 
															-   * @method endChunk
														
 
															-   * @param {Object} chunk Data chunk.
														
 
															+   * @method debugMessage
														
 
															+   * @param {Object} message Debug message to print to the console.
														
 
															    */
														
 
															-		endChunk( chunk ) {
														
 
															+		debugMessage( message ) {
														
 
															+
														
 
															+			if ( this.debug ) {
														
 
															-			this.position = chunk.end;
														
 
															+				console.log( message );
														
 
															+
														
 
															+			}
														
 
															 		}
														
 
															+
														
 
															+	}
														
 
															+	/** Read data/sub-chunks from chunk */
														
 
															+
														
 
															+
														
 
															+	class Chunk {
														
 
															+
														
 
															 		/**
														
 
															-   * Move to the next data chunk.
														
 
															+   * Create a new chunk
														
 
															    *
														
 
															-   * @method nextChunk
														
 
															-   * @param {DataView} data Dataview.
														
 
															-   * @param {Object} chunk Data chunk.
														
 
															+   * @class Chunk
														
 
															+   * @param {DataView} data DataView to read from.
														
 
															+   * @param {Number} position in data.
														
 
															+   * @param {Function} debugMessage logging callback.
														
 
															    */
														
 
															+		constructor( data, position, debugMessage ) {
														
 
															+			this.data = data; // the offset to the begin of this chunk
														
 
															-		nextChunk( data, chunk ) {
														
 
															+			this.offset = position; // the current reading position
														
 
															-			if ( chunk.cur >= chunk.end ) {
														
 
															+			this.position = position;
														
 
															+			this.debugMessage = debugMessage;
														
 
															-				return 0;
														
 
															+			if ( this.debugMessage instanceof Function ) {
														
 
															+
														
 
															+				this.debugMessage = function () {};
														
 
															+
														
 
															+			}
														
 
															+
														
 
															+			this.id = this.readWord();
														
 
															+			this.size = this.readDWord();
														
 
															+			this.end = this.offset + this.size;
														
 
															+
														
 
															+			if ( this.end > data.byteLength ) {
														
 
															+
														
 
															+				this.debugMessage( 'Bad chunk size for chunk at ' + position );
														
 
															 			}
														
 
															-			this.position = chunk.cur;
														
 
															+		}
														
 
															+		/**
														
 
															+   * read a sub cchunk.
														
 
															+   *
														
 
															+   * @method readChunk
														
 
															+   * @return {Chunk | null} next sub chunk
														
 
															+   */
														
 
															+
														
 
															+
														
 
															+		readChunk() {
														
 
															+
														
 
															+			if ( this.endOfChunk ) {
														
 
															+
														
 
															+				return null;
														
 
															+
														
 
															+			}
														
 
															 			try {
														
 
															-				const next = this.readChunk( data );
														
 
															-				chunk.cur += next.size;
														
 
															-				return next.id;
														
 
															+				const next = new Chunk( this.data, this.position, this.debugMessage );
														
 
															+				this.position += next.size;
														
 
															+				return next;
														
 
															 			} catch ( e ) {
														
 
															 				this.debugMessage( 'Unable to read chunk at ' + this.position );
														
 
															-				return 0;
														
 
															+				return null;
														
 
															 			}
														
 
															 		}
														
 
															 		/**
														
 
															-   * Reset dataview position.
														
 
															+   * return the ID of this chunk as Hex
														
 
															    *
														
 
															-   * @method resetPosition
														
 
															+   * @method idToString
														
 
															+   * @return {String} hex-string of id
														
 
															    */
														
 
															-		resetPosition() {
														
 
															+		get hexId() {
														
 
															-			this.position -= 6;
														
 
															+			return this.id.toString( 16 );
														
 
															+
														
 
															+		}
														
 
															+
														
 
															+		get endOfChunk() {
														
 
															+
														
 
															+			return this.position >= this.end;
														
 
															 		}
														
 
															 		/**
														
 
															    * Read byte value.
														
 
															    *
														
 
															    * @method readByte
														
 
															-   * @param {DataView} data Dataview to read data from.
														
 
															    * @return {Number} Data read from the dataview.
														
 
															    */
														
 
															-		readByte( data ) {
														
 
															+		readByte() {
														
 
															-			const v = data.getUint8( this.position, true );
														
 
															+			const v = this.data.getUint8( this.position, true );
														
 
															 			this.position += 1;
														
 
															 			return v;
														
@@ -739,22 +769,22 @@
 
															    * Read 32 bit float value.
														
 
															    *
														
 
															    * @method readFloat
														
 
															-   * @param {DataView} data Dataview to read data from.
														
 
															    * @return {Number} Data read from the dataview.
														
 
															    */
														
 
															-		readFloat( data ) {
														
 
															+		readFloat() {
														
 
															 			try {
														
 
															-				const v = data.getFloat32( this.position, true );
														
 
															+				const v = this.data.getFloat32( this.position, true );
														
 
															 				this.position += 4;
														
 
															 				return v;
														
 
															 			} catch ( e ) {
														
 
															-				this.debugMessage( e + ' ' + this.position + ' ' + data.byteLength );
														
 
															+				this.debugMessage( e + ' ' + this.position + ' ' + this.data.byteLength );
														
 
															+				return 0;
														
 
															 			}
														
@@ -763,14 +793,13 @@
 
															    * Read 32 bit signed integer value.
														
 
															    *
														
 
															    * @method readInt
														
 
															-   * @param {DataView} data Dataview to read data from.
														
 
															    * @return {Number} Data read from the dataview.
														
 
															    */
														
 
															-		readInt( data ) {
														
 
															+		readInt() {
														
 
															-			const v = data.getInt32( this.position, true );
														
 
															+			const v = this.data.getInt32( this.position, true );
														
 
															 			this.position += 4;
														
 
															 			return v;
														
@@ -779,14 +808,13 @@
 
															    * Read 16 bit signed integer value.
														
 
															    *
														
 
															    * @method readShort
														
 
															-   * @param {DataView} data Dataview to read data from.
														
 
															    * @return {Number} Data read from the dataview.
														
 
															    */
														
 
															-		readShort( data ) {
														
 
															+		readShort() {
														
 
															-			const v = data.getInt16( this.position, true );
														
 
															+			const v = this.data.getInt16( this.position, true );
														
 
															 			this.position += 2;
														
 
															 			return v;
														
@@ -795,14 +823,13 @@
 
															    * Read 64 bit unsigned integer value.
														
 
															    *
														
 
															    * @method readDWord
														
 
															-   * @param {DataView} data Dataview to read data from.
														
 
															    * @return {Number} Data read from the dataview.
														
 
															    */
														
 
															-		readDWord( data ) {
														
 
															+		readDWord() {
														
 
															-			const v = data.getUint32( this.position, true );
														
 
															+			const v = this.data.getUint32( this.position, true );
														
 
															 			this.position += 4;
														
 
															 			return v;
														
@@ -811,101 +838,40 @@
 
															    * Read 32 bit unsigned integer value.
														
 
															    *
														
 
															    * @method readWord
														
 
															-   * @param {DataView} data Dataview to read data from.
														
 
															    * @return {Number} Data read from the dataview.
														
 
															    */
														
 
															-		readWord( data ) {
														
 
															+		readWord() {
														
 
															-			const v = data.getUint16( this.position, true );
														
 
															+			const v = this.data.getUint16( this.position, true );
														
 
															 			this.position += 2;
														
 
															 			return v;
														
 
															 		}
														
 
															 		/**
														
 
															-   * Read string value.
														
 
															+   * Read NULL terminated ASCII string value from chunk-pos.
														
 
															    *
														
 
															    * @method readString
														
 
															-   * @param {DataView} data Dataview to read data from.
														
 
															-   * @param {Number} maxLength Max size of the string to be read.
														
 
															    * @return {String} Data read from the dataview.
														
 
															    */
														
 
															-		readString( data, maxLength ) {
														
 
															+		readString() {
														
 
															 			let s = '';
														
 
															+			let c = this.readByte();
														
 
															-			for ( let i = 0; i < maxLength; i ++ ) {
														
 
															-
														
 
															-				const c = this.readByte( data );
														
 
															-
														
 
															-				if ( ! c ) {
														
 
															-
														
 
															-					break;
														
 
															-
														
 
															-				}
														
 
															+			while ( c ) {
														
 
															 				s += String.fromCharCode( c );
														
 
															+				c = this.readByte();
														
 
															 			}
														
 
															 			return s;
														
 
															 		}
														
 
															-		/**
														
 
															-   * Read percentage value.
														
 
															-   *
														
 
															-   * @method readPercentage
														
 
															-   * @param {DataView} data Dataview to read data from.
														
 
															-   * @return {Number} Data read from the dataview.
														
 
															-   */
														
 
															-
														
 
															-
														
 
															-		readPercentage( data ) {
														
 
															-
														
 
															-			const chunk = this.readChunk( data );
														
 
															-			let value;
														
 
															-
														
 
															-			switch ( chunk.id ) {
														
 
															-
														
 
															-				case INT_PERCENTAGE:
														
 
															-					value = this.readShort( data ) / 100;
														
 
															-					break;
														
 
															-
														
 
															-				case FLOAT_PERCENTAGE:
														
 
															-					value = this.readFloat( data );
														
 
															-					break;
														
 
															-
														
 
															-				default:
														
 
															-					this.debugMessage( '      Unknown percentage chunk: ' + chunk.toString( 16 ) );
														
 
															-
														
 
															-			}
														
 
															-
														
 
															-			this.endChunk( chunk );
														
 
															-			return value;
														
 
															-
														
 
															-		}
														
 
															-		/**
														
 
															-   * Print debug message to the console.
														
 
															-   *
														
 
															-   * Is controlled by a flag to show or hide debug messages.
														
 
															-   *
														
 
															-   * @method debugMessage
														
 
															-   * @param {Object} message Debug message to print to the console.
														
 
															-   */
														
 
															-
														
 
															-
														
 
															-		debugMessage( message ) {
														
 
															-
														
 
															-			if ( this.debug ) {
														
 
															-
														
 
															-				console.log( message );
														
 
															-
														
 
															-			}
														
 
															-
														
 
															-		}
														
 
															 	} // const NULL_CHUNK = 0x0000;
														
--- a/examples/js/objects/MarchingCubes.js
+++ b/examples/js/objects/MarchingCubes.js
@@ -4,18 +4,19 @@
 
															  * Port of http://webglsamples.org/blob/blob.html
														
 
															  */
														
 
															-	class MarchingCubes extends THREE.ImmediateRenderObject {
														
 
															+	class MarchingCubes extends THREE.Mesh {
														
 
															-		constructor( resolution, material, enableUvs, enableColors ) {
														
 
															+		constructor( resolution, material, enableUvs = false, enableColors = false, maxPolyCount = 10000 ) {
														
 
															-			super( material );
														
 
															+			const geometry = new THREE.BufferGeometry();
														
 
															+			super( geometry, material );
														
 
															 			const scope = this; // temp buffers used in polygonize
														
 
															 			const vlist = new Float32Array( 12 * 3 );
														
 
															 			const nlist = new Float32Array( 12 * 3 );
														
 
															 			const clist = new Float32Array( 12 * 3 );
														
 
															-			this.enableUvs = enableUvs !== undefined ? enableUvs : false;
														
 
															-			this.enableColors = enableColors !== undefined ? enableColors : false; // functions have to be object properties
														
 
															+			this.enableUvs = enableUvs;
														
 
															+			this.enableColors = enableColors; // functions have to be object properties
														
 
															 			// prototype functions kill performance
														
 
															 			// (tested and it was 4x slower !!!)
														
@@ -35,27 +36,34 @@
 
															 				this.zd = this.size2;
														
 
															 				this.field = new Float32Array( this.size3 );
														
 
															 				this.normal_cache = new Float32Array( this.size3 * 3 );
														
 
															-				this.palette = new Float32Array( this.size3 * 3 ); // immediate render mode simulator
														
 
															-
														
 
															-				this.maxCount = 4096; // TODO: find the fastest size for this buffer
														
 
															+				this.palette = new Float32Array( this.size3 * 3 ); //
														
 
															 				this.count = 0;
														
 
															-				this.hasPositions = false;
														
 
															-				this.hasNormals = false;
														
 
															-				this.hasColors = false;
														
 
															-				this.hasUvs = false;
														
 
															-				this.positionArray = new Float32Array( this.maxCount * 3 );
														
 
															-				this.normalArray = new Float32Array( this.maxCount * 3 );
														
 
															+				const maxVertexCount = maxPolyCount * 3;
														
 
															+				this.positionArray = new Float32Array( maxVertexCount * 3 );
														
 
															+				const positionAttribute = new THREE.BufferAttribute( this.positionArray, 3 );
														
 
															+				positionAttribute.setUsage( THREE.DynamicDrawUsage );
														
 
															+				geometry.setAttribute( 'position', positionAttribute );
														
 
															+				this.normalArray = new Float32Array( maxVertexCount * 3 );
														
 
															+				const normalAttribute = new THREE.BufferAttribute( this.normalArray, 3 );
														
 
															+				normalAttribute.setUsage( THREE.DynamicDrawUsage );
														
 
															+				geometry.setAttribute( 'normal', normalAttribute );
														
 
															 				if ( this.enableUvs ) {
														
 
															-					this.uvArray = new Float32Array( this.maxCount * 2 );
														
 
															+					this.uvArray = new Float32Array( maxVertexCount * 2 );
														
 
															+					const uvAttribute = new THREE.BufferAttribute( this.uvArray, 2 );
														
 
															+					uvAttribute.setUsage( THREE.DynamicDrawUsage );
														
 
															+					geometry.setAttribute( 'uv', uvAttribute );
														
 
															 				}
														
 
															 				if ( this.enableColors ) {
														
 
															-					this.colorArray = new Float32Array( this.maxCount * 3 );
														
 
															+					this.colorArray = new Float32Array( maxVertexCount * 3 );
														
 
															+					const colorAttribute = new THREE.BufferAttribute( this.colorArray, 3 );
														
 
															+					colorAttribute.setUsage( THREE.DynamicDrawUsage );
														
 
															+					geometry.setAttribute( 'color', colorAttribute );
														
 
															 				}
														
@@ -136,7 +144,7 @@
 
															 			// (this is where most of time is spent - it's inner work of O(n3) loop )
														
 
															-			function polygonize( fx, fy, fz, q, isol, renderCallback ) {
														
 
															+			function polygonize( fx, fy, fz, q, isol ) {
														
 
															 				// cache indices
														
 
															 				const q1 = q + 1,
														
@@ -282,7 +290,7 @@
 
															 					o1 = cubeindex + i;
														
 
															 					o2 = o1 + 1;
														
 
															 					o3 = o1 + 2;
														
 
															-					posnormtriv( vlist, nlist, clist, 3 * triTable[ o1 ], 3 * triTable[ o2 ], 3 * triTable[ o3 ], renderCallback );
														
 
															+					posnormtriv( vlist, nlist, clist, 3 * triTable[ o1 ], 3 * triTable[ o2 ], 3 * triTable[ o3 ] );
														
 
															 					i += 3;
														
 
															 					numtris ++;
														
@@ -290,12 +298,9 @@
 
															 				return numtris;
														
 
															-			} /////////////////////////////////////
														
 
															-			// Immediate render mode simulator
														
 
															-			/////////////////////////////////////
														
 
															-
														
 
															+			}
														
 
															-			function posnormtriv( pos, norm, colors, o1, o2, o3, renderCallback ) {
														
 
															+			function posnormtriv( pos, norm, colors, o1, o2, o3 ) {
														
 
															 				const c = scope.count * 3; // positions
														
@@ -368,67 +373,7 @@
 
															 				scope.count += 3;
														
 
															-				if ( scope.count >= scope.maxCount - 3 ) {
														
 
															-
														
 
															-					scope.hasPositions = true;
														
 
															-					scope.hasNormals = true;
														
 
															-
														
 
															-					if ( scope.enableUvs ) {
														
 
															-
														
 
															-						scope.hasUvs = true;
														
 
															-
														
 
															-					}
														
 
															-
														
 
															-					if ( scope.enableColors ) {
														
 
															-
														
 
															-						scope.hasColors = true;
														
 
															-
														
 
															-					}
														
 
															-
														
 
															-					renderCallback( scope );
														
 
															-
														
 
															-				}
														
 
															-
														
 
															-			}
														
 
															-
														
 
															-			this.begin = function () {
														
 
															-
														
 
															-				this.count = 0;
														
 
															-				this.hasPositions = false;
														
 
															-				this.hasNormals = false;
														
 
															-				this.hasUvs = false;
														
 
															-				this.hasColors = false;
														
 
															-
														
 
															-			};
														
 
															-
														
 
															-			this.end = function ( renderCallback ) {
														
 
															-
														
 
															-				if ( this.count === 0 ) return;
														
 
															-
														
 
															-				for ( let i = this.count * 3; i < this.positionArray.length; i ++ ) {
														
 
															-
														
 
															-					this.positionArray[ i ] = 0.0;
														
 
															-
														
 
															-				}
														
 
															-
														
 
															-				this.hasPositions = true;
														
 
															-				this.hasNormals = true;
														
 
															-
														
 
															-				if ( this.enableUvs && this.material.map ) {
														
 
															-
														
 
															-					this.hasUvs = true;
														
 
															-
														
 
															-				}
														
 
															-
														
 
															-				if ( this.enableColors && this.material.vertexColors !== THREE.NoColors ) {
														
 
															-
														
 
															-					this.hasColors = true;
														
 
															-
														
 
															-				}
														
 
															-
														
 
															-				renderCallback( this );
														
 
															-
														
 
															-			}; /////////////////////////////////////
														
 
															+			} /////////////////////////////////////
														
 
															 			// Metaballs
														
 
															 			/////////////////////////////////////
														
 
															 			// Adds a reciprocal ball (nice and blobby) that, to be fast, fades to zero after
														
@@ -729,9 +674,9 @@
 
															 			};
														
 
															-			this.render = function ( renderCallback ) {
														
 
															+			this.onBeforeRender = function () {
														
 
															-				this.begin(); // Triangulate. Yeah, this is slow.
														
 
															+				this.count = 0; // Triangulate. Yeah, this is slow.
														
 
															 				const smin2 = this.size - 2;
														
@@ -750,59 +695,28 @@
 
															 							const fx = ( x - this.halfsize ) / this.halfsize; //+ 1
														
 
															 							const q = y_offset + x;
														
 
															-							polygonize( fx, fy, fz, q, this.isolation, renderCallback );
														
 
															+							polygonize( fx, fy, fz, q, this.isolation );
														
 
															 						}
														
 
															 					}
														
 
															-				}
														
 
															-
														
 
															-				this.end( renderCallback );
														
 
															-
														
 
															-			};
														
 
															-
														
 
															-			this.generateGeometry = function () {
														
 
															-
														
 
															-				console.warn( 'THREE.MarchingCubes: generateGeometry() now returns THREE.BufferGeometry' );
														
 
															-				return this.generateBufferGeometry();
														
 
															+				} // reset unneeded data
														
 
															-			};
														
 
															-
														
 
															-			function concatenate( a, b, length ) {
														
 
															-				const result = new Float32Array( a.length + length );
														
 
															-				result.set( a, 0 );
														
 
															-				result.set( b.slice( 0, length ), a.length );
														
 
															-				return result;
														
 
															-
														
 
															-			}
														
 
															-
														
 
															-			this.generateBufferGeometry = function () {
														
 
															+				for ( let i = this.count * 3; i < this.positionArray.length; i ++ ) {
														
 
															-				const geo = new THREE.BufferGeometry();
														
 
															-				let posArray = new Float32Array();
														
 
															-				let normArray = new Float32Array();
														
 
															-				let colorArray = new Float32Array();
														
 
															-				let uvArray = new Float32Array();
														
 
															-				const scope = this;
														
 
															+					this.positionArray[ i ] = 0.0;
														
 
															-				const geo_callback = function ( object ) {
														
 
															+				} // update geometry data
														
 
															-					if ( scope.hasPositions ) posArray = concatenate( posArray, object.positionArray, object.count * 3 );
														
 
															-					if ( scope.hasNormals ) normArray = concatenate( normArray, object.normalArray, object.count * 3 );
														
 
															-					if ( scope.hasColors ) colorArray = concatenate( colorArray, object.colorArray, object.count * 3 );
														
 
															-					if ( scope.hasUvs ) uvArray = concatenate( uvArray, object.uvArray, object.count * 2 );
														
 
															-					object.count = 0;
														
 
															-				};
														
 
															+				geometry.getAttribute( 'position' ).needsUpdate = true;
														
 
															+				geometry.getAttribute( 'normal' ).needsUpdate = true;
														
 
															+				if ( this.enableUvs ) geometry.getAttribute( 'uv' ).needsUpdate = true;
														
 
															+				if ( this.enableColors ) geometry.getAttribute( 'color' ).needsUpdate = true; // safety check
														
 
															-				this.render( geo_callback );
														
 
															-				if ( this.hasPositions ) geo.setAttribute( 'position', new THREE.BufferAttribute( posArray, 3 ) );
														
 
															-				if ( this.hasNormals ) geo.setAttribute( 'normal', new THREE.BufferAttribute( normArray, 3 ) );
														
 
															-				if ( this.hasColors ) geo.setAttribute( 'color', new THREE.BufferAttribute( colorArray, 3 ) );
														
 
															-				if ( this.hasUvs ) geo.setAttribute( 'uv', new THREE.BufferAttribute( uvArray, 2 ) );
														
 
															-				return geo;
														
 
															+				if ( this.count / 3 > maxPolyCount ) console.warn( 'THREE.MarchingCubes: Geometry buffers too small for rendering. Please create an instance with a higher poly count.' );
														
 
															 			};
														
@@ -816,7 +730,7 @@
 
															 	// Marching cubes lookup tables
														
 
															 	/////////////////////////////////////
														
 
															 	// These tables are straight from Paul Bourke's page:
														
 
															-	// http://local.wasp.uwa.edu.au/~pbourke/geometry/polygonise/
														
 
															+	// http://paulbourke.net/geometry/polygonise/
														
 
															 	// who in turn got them from Cory Gene Bloyd.
														
 
															 	const edgeTable = new Int32Array( [ 0x0, 0x109, 0x203, 0x30a, 0x406, 0x50f, 0x605, 0x70c, 0x80c, 0x905, 0xa0f, 0xb06, 0xc0a, 0xd03, 0xe09, 0xf00, 0x190, 0x99, 0x393, 0x29a, 0x596, 0x49f, 0x795, 0x69c, 0x99c, 0x895, 0xb9f, 0xa96, 0xd9a, 0xc93, 0xf99, 0xe90, 0x230, 0x339, 0x33, 0x13a, 0x636, 0x73f, 0x435, 0x53c, 0xa3c, 0xb35, 0x83f, 0x936, 0xe3a, 0xf33, 0xc39, 0xd30, 0x3a0, 0x2a9, 0x1a3, 0xaa, 0x7a6, 0x6af, 0x5a5, 0x4ac, 0xbac, 0xaa5, 0x9af, 0x8a6, 0xfaa, 0xea3, 0xda9, 0xca0, 0x460, 0x569, 0x663, 0x76a, 0x66, 0x16f, 0x265, 0x36c, 0xc6c, 0xd65, 0xe6f, 0xf66, 0x86a, 0x963, 0xa69, 0xb60, 0x5f0, 0x4f9, 0x7f3, 0x6fa, 0x1f6, 0xff, 0x3f5, 0x2fc, 0xdfc, 0xcf5, 0xfff, 0xef6, 0x9fa, 0x8f3, 0xbf9, 0xaf0, 0x650, 0x759, 0x453, 0x55a, 0x256, 0x35f, 0x55, 0x15c, 0xe5c, 0xf55, 0xc5f, 0xd56, 0xa5a, 0xb53, 0x859, 0x950, 0x7c0, 0x6c9, 0x5c3, 0x4ca, 0x3c6, 0x2cf, 0x1c5, 0xcc, 0xfcc, 0xec5, 0xdcf, 0xcc6, 0xbca, 0xac3, 0x9c9, 0x8c0, 0x8c0, 0x9c9, 0xac3, 0xbca, 0xcc6, 0xdcf, 0xec5, 0xfcc, 0xcc, 0x1c5, 0x2cf, 0x3c6, 0x4ca, 0x5c3, 0x6c9, 0x7c0, 0x950, 0x859, 0xb53, 0xa5a, 0xd56, 0xc5f, 0xf55, 0xe5c, 0x15c, 0x55, 0x35f, 0x256, 0x55a, 0x453, 0x759, 0x650, 0xaf0, 0xbf9, 0x8f3, 0x9fa, 0xef6, 0xfff, 0xcf5, 0xdfc, 0x2fc, 0x3f5, 0xff, 0x1f6, 0x6fa, 0x7f3, 0x4f9, 0x5f0, 0xb60, 0xa69, 0x963, 0x86a, 0xf66, 0xe6f, 0xd65, 0xc6c, 0x36c, 0x265, 0x16f, 0x66, 0x76a, 0x663, 0x569, 0x460, 0xca0, 0xda9, 0xea3, 0xfaa, 0x8a6, 0x9af, 0xaa5, 0xbac, 0x4ac, 0x5a5, 0x6af, 0x7a6, 0xaa, 0x1a3, 0x2a9, 0x3a0, 0xd30, 0xc39, 0xf33, 0xe3a, 0x936, 0x83f, 0xb35, 0xa3c, 0x53c, 0x435, 0x73f, 0x636, 0x13a, 0x33, 0x339, 0x230, 0xe90, 0xf99, 0xc93, 0xd9a, 0xa96, 0xb9f, 0x895, 0x99c, 0x69c, 0x795, 0x49f, 0x596, 0x29a, 0x393, 0x99, 0x190, 0xf00, 0xe09, 0xd03, 0xc0a, 0xb06, 0xa0f, 0x905, 0x80c, 0x70c, 0x605, 0x50f, 0x406, 0x30a, 0x203, 0x109, 0x0 ] );
														
--- a/examples/js/renderers/CSS2DRenderer.js
+++ b/examples/js/renderers/CSS2DRenderer.js
@@ -2,10 +2,10 @@
 
															 	class CSS2DObject extends THREE.Object3D {
														
 
															-		constructor( element ) {
														
 
															+		constructor( element = document.createElement( 'div' ) ) {
														
 
															 			super();
														
 
															-			this.element = element || document.createElement( 'div' );
														
 
															+			this.element = element;
														
 
															 			this.element.style.position = 'absolute';
														
 
															 			this.element.style.userSelect = 'none';
														
 
															 			this.element.setAttribute( 'draggable', false );
														
@@ -49,7 +49,7 @@
 
															 	class CSS2DRenderer {
														
 
															-		constructor() {
														
 
															+		constructor( parameters = {} ) {
														
 
															 			const _this = this;
														
@@ -60,7 +60,7 @@
 
															 			const cache = {
														
 
															 				objects: new WeakMap()
														
 
															 			};
														
 
															-			const domElement = document.createElement( 'div' );
														
 
															+			const domElement = parameters.element !== undefined ? parameters.element : document.createElement( 'div' );
														
 
															 			domElement.style.overflow = 'hidden';
														
 
															 			this.domElement = domElement;
														
--- a/examples/js/renderers/CSS3DRenderer.js
+++ b/examples/js/renderers/CSS3DRenderer.js
@@ -12,10 +12,10 @@
 
															 	class CSS3DObject extends THREE.Object3D {
														
 
															-		constructor( element ) {
														
 
															+		constructor( element = document.createElement( 'div' ) ) {
														
 
															 			super();
														
 
															-			this.element = element || document.createElement( 'div' );
														
 
															+			this.element = element;
														
 
															 			this.element.style.position = 'absolute';
														
 
															 			this.element.style.pointerEvents = 'auto';
														
 
															 			this.element.style.userSelect = 'none';
														
@@ -75,7 +75,7 @@
 
															 	class CSS3DRenderer {
														
 
															-		constructor() {
														
 
															+		constructor( parameters = {} ) {
														
 
															 			const _this = this;
														
@@ -90,7 +90,7 @@
 
															 				},
														
 
															 				objects: new WeakMap()
														
 
															 			};
														
 
															-			const domElement = document.createElement( 'div' );
														
 
															+			const domElement = parameters.element !== undefined ? parameters.element : document.createElement( 'div' );
														
 
															 			domElement.style.overflow = 'hidden';
														
 
															 			this.domElement = domElement;
														
 
															 			const cameraElement = document.createElement( 'div' );
														
--- a/examples/js/utils/RoughnessMipmapper.js
+++ b/examples/js/utils/RoughnessMipmapper.js
@@ -77,6 +77,7 @@
 
															 				material.roughnessMap.repeat.copy( roughnessMap.repeat );
														
 
															 				material.roughnessMap.center.copy( roughnessMap.center );
														
 
															 				material.roughnessMap.rotation = roughnessMap.rotation;
														
 
															+				material.roughnessMap.image = roughnessMap.image;
														
 
															 				material.roughnessMap.matrixAutoUpdate = roughnessMap.matrixAutoUpdate;
														
 
															 				material.roughnessMap.matrix.copy( roughnessMap.matrix );
														
--- a/examples/jsm/controls/ArcballControls.js
+++ b/examples/jsm/controls/ArcballControls.js
@@ -6,14 +6,14 @@ import {
 
															 	LineBasicMaterial,
														
 
															 	Raycaster,
														
 
															 	Group,
														
 
															-	Object3D,
														
 
															 	Box3,
														
 
															 	Sphere,
														
 
															 	Quaternion,
														
 
															 	Vector2,
														
 
															 	Vector3,
														
 
															 	Matrix4,
														
 
															-	MathUtils
														
 
															+	MathUtils,
														
 
															+	EventDispatcher
														
 
															 } from '../../../build/three.module.js';
														
 
															 //trackball state
														
@@ -64,6 +64,8 @@ const _changeEvent = { type: 'change' };
 
															 const _startEvent = { type: 'start' };
														
 
															 const _endEvent = { type: 'end' };
														
 
															+const _raycaster = new Raycaster();
														
 
															+
														
 
															 /**
														
 
															  *
														
@@ -71,7 +73,7 @@ const _endEvent = { type: 'end' };
 
															  * @param {HTMLElement} domElement Renderer's dom element
														
 
															  * @param {Scene} scene The scene to be rendered
														
 
															  */
														
 
															-class ArcballControls extends Object3D {
														
 
															+class ArcballControls extends EventDispatcher {
														
 
															 	constructor( camera, domElement, scene = null ) {
														
@@ -79,6 +81,8 @@ class ArcballControls extends Object3D {
 
															 		this.camera = null;
														
 
															 		this.domElement = domElement;
														
 
															 		this.scene = scene;
														
 
															+		this.target = new Vector3( 0, 0, 0 );
														
 
															+		this.radiusFactor = 0.67;
														
 
															 		this.mouseActions = [];
														
 
															 		this._mouseOp = null;
														
@@ -204,7 +208,6 @@ class ArcballControls extends Object3D {
 
															 		this.maxZoom = Infinity;
														
 
															 		//trackball parameters
														
 
															-		this._tbCenter = new Vector3( 0, 0, 0 );
														
 
															 		this._tbRadius = 1;
														
 
															 		//FSA
														
@@ -1974,18 +1977,17 @@ class ArcballControls extends Object3D {
 
															 	 */
														
 
															 	calculateTbRadius = ( camera ) => {
														
 
															-		const factor = 0.67;
														
 
															 		const distance = camera.position.distanceTo( this._gizmos.position );
														
 
															 		if ( camera.type == 'PerspectiveCamera' ) {
														
 
															 			const halfFovV = MathUtils.DEG2RAD * camera.fov * 0.5; //vertical fov/2 in radians
														
 
															 			const halfFovH = Math.atan( ( camera.aspect ) * Math.tan( halfFovV ) ); //horizontal fov/2 in radians
														
 
															-			return Math.tan( Math.min( halfFovV, halfFovH ) ) * distance * factor;
														
 
															+			return Math.tan( Math.min( halfFovV, halfFovH ) ) * distance * this.radiusFactor;
														
 
															 		} else if ( camera.type == 'OrthographicCamera' ) {
														
 
															-			return Math.min( camera.top, camera.right ) * factor;
														
 
															+			return Math.min( camera.top, camera.right ) * this.radiusFactor;
														
 
															 		}
														
@@ -2097,9 +2099,9 @@ class ArcballControls extends Object3D {
 
															 		window.removeEventListener( 'pointerup', this.onPointerUp );
														
 
															 		window.removeEventListener( 'resize', this.onWindowResize );
														
 
															-		window.addEventListener( 'keydown', this.onKeyDown );
														
 
															+		window.removeEventListener( 'keydown', this.onKeyDown );
														
 
															-		this.scene.remove( this._gizmos );
														
 
															+		if ( this.scene !== null ) this.scene.remove( this._gizmos );
														
 
															 		this.disposeGrid();
														
 
															 	};
														
@@ -2193,7 +2195,7 @@ class ArcballControls extends Object3D {
 
															 	 */
														
 
															 	setCamera = ( camera ) => {
														
 
															-		camera.lookAt( this._tbCenter );
														
 
															+		camera.lookAt( this.target );
														
 
															 		camera.updateMatrix();
														
 
															 		//setting state
														
@@ -2211,11 +2213,11 @@ class ArcballControls extends Object3D {
 
															 		this._zoomState = this._zoom0;
														
 
															 		this._initialNear = camera.near;
														
 
															-		this._nearPos0 = camera.position.distanceTo( this._tbCenter ) - camera.near;
														
 
															+		this._nearPos0 = camera.position.distanceTo( this.target ) - camera.near;
														
 
															 		this._nearPos = this._initialNear;
														
 
															 		this._initialFar = camera.far;
														
 
															-		this._farPos0 = camera.position.distanceTo( this._tbCenter ) - camera.far;
														
 
															+		this._farPos0 = camera.position.distanceTo( this.target ) - camera.far;
														
 
															 		this._farPos = this._initialFar;
														
 
															 		this._up0.copy( camera.up );
														
@@ -2226,7 +2228,7 @@ class ArcballControls extends Object3D {
 
															 		//making gizmos
														
 
															 		this._tbRadius = this.calculateTbRadius( camera );
														
 
															-		this.makeGizmos( this._tbCenter, this._tbRadius );
														
 
															+		this.makeGizmos( this.target, this._tbRadius );
														
 
															 	};
														
@@ -2241,6 +2243,30 @@ class ArcballControls extends Object3D {
 
															 	}
														
 
															+	/**
														
 
															+	 * Set gizmos radius factor and redraws gizmos
														
 
															+	 * @param {Float} value Value of radius factor
														
 
															+	 */
														
 
															+	setTbRadius( value ) {
														
 
															+
														
 
															+		this.radiusFactor = value;
														
 
															+		this._tbRadius = this.calculateTbRadius( this.camera );
														
 
															+
														
 
															+		const curve = new EllipseCurve( 0, 0, this._tbRadius, this._tbRadius );
														
 
															+		const points = curve.getPoints( this._curvePts );
														
 
															+		const curveGeometry = new BufferGeometry().setFromPoints( points );
														
 
															+
														
 
															+
														
 
															+		for ( const gizmo in this._gizmos.children ) {
														
 
															+
														
 
															+			this._gizmos.children[ gizmo ].geometry = curveGeometry;
														
 
															+
														
 
															+		}
														
 
															+
														
 
															+		this.dispatchEvent( _changeEvent );
														
 
															+
														
 
															+	}
														
 
															+
														
 
															 	/**
														
 
															 	 * Creates the rotation gizmos matching trackball center and radius
														
 
															 	 * @param {Vector3} tbCenter The trackball center
														
@@ -2728,12 +2754,12 @@ class ArcballControls extends Object3D {
 
															 	 */
														
 
															 	setTarget = ( x, y, z ) => {
														
 
															-		this._tbCenter.set( x, y, z );
														
 
															+		this.target.set( x, y, z );
														
 
															 		this._gizmos.position.set( x, y, z );	//for correct radius calculation
														
 
															 		this._tbRadius = this.calculateTbRadius( this.camera );
														
 
															-		this.makeGizmos( this._tbCenter, this._tbRadius );
														
 
															-		this.camera.lookAt( this._tbCenter );
														
 
															+		this.makeGizmos( this.target, this._tbRadius );
														
 
															+		this.camera.lookAt( this.target );
														
 
															 	};
														
@@ -2809,6 +2835,13 @@ class ArcballControls extends Object3D {
 
															 	};
														
 
															+	getRaycaster() {
														
 
															+
														
 
															+		return _raycaster;
														
 
															+
														
 
															+	}
														
 
															+
														
 
															+
														
 
															 	/**
														
 
															 	 * Unproject the cursor on the 3D object surface
														
 
															 	 * @param {Vector2} cursor Cursor coordinates in NDC
														
@@ -2817,7 +2850,7 @@ class ArcballControls extends Object3D {
 
															 	 */
														
 
															 	unprojectOnObj = ( cursor, camera ) => {
														
 
															-		const raycaster = new Raycaster();
														
 
															+		const raycaster = this.getRaycaster();
														
 
															 		raycaster.near = camera.near;
														
 
															 		raycaster.far = camera.far;
														
 
															 		raycaster.setFromCamera( cursor, camera );
														
--- a/examples/jsm/controls/DeviceOrientationControls.js
+++ b/examples/jsm/controls/DeviceOrientationControls.js
@@ -1,153 +0,0 @@
 
															-import {
														
 
															-	Euler,
														
 
															-	EventDispatcher,
														
 
															-	MathUtils,
														
 
															-	Quaternion,
														
 
															-	Vector3
														
 
															-} from '../../../build/three.module.js';
														
 
															-
														
 
															-const _zee = new Vector3( 0, 0, 1 );
														
 
															-const _euler = new Euler();
														
 
															-const _q0 = new Quaternion();
														
 
															-const _q1 = new Quaternion( - Math.sqrt( 0.5 ), 0, 0, Math.sqrt( 0.5 ) ); // - PI/2 around the x-axis
														
 
															-
														
 
															-const _changeEvent = { type: 'change' };
														
 
															-
														
 
															-class DeviceOrientationControls extends EventDispatcher {
														
 
															-
														
 
															-	constructor( object ) {
														
 
															-
														
 
															-		super();
														
 
															-
														
 
															-		if ( window.isSecureContext === false ) {
														
 
															-
														
 
															-			console.error( 'THREE.DeviceOrientationControls: DeviceOrientationEvent is only available in secure contexts (https)' );
														
 
															-
														
 
															-		}
														
 
															-
														
 
															-		const scope = this;
														
 
															-
														
 
															-		const EPS = 0.000001;
														
 
															-		const lastQuaternion = new Quaternion();
														
 
															-
														
 
															-		this.object = object;
														
 
															-		this.object.rotation.reorder( 'YXZ' );
														
 
															-
														
 
															-		this.enabled = true;
														
 
															-
														
 
															-		this.deviceOrientation = {};
														
 
															-		this.screenOrientation = 0;
														
 
															-
														
 
															-		this.alphaOffset = 0; // radians
														
 
															-
														
 
															-		const onDeviceOrientationChangeEvent = function ( event ) {
														
 
															-
														
 
															-			scope.deviceOrientation = event;
														
 
															-
														
 
															-		};
														
 
															-
														
 
															-		const onScreenOrientationChangeEvent = function () {
														
 
															-
														
 
															-			scope.screenOrientation = window.orientation || 0;
														
 
															-
														
 
															-		};
														
 
															-
														
 
															-		// The angles alpha, beta and gamma form a set of intrinsic Tait-Bryan angles of type Z-X'-Y''
														
 
															-
														
 
															-		const setObjectQuaternion = function ( quaternion, alpha, beta, gamma, orient ) {
														
 
															-
														
 
															-			_euler.set( beta, alpha, - gamma, 'YXZ' ); // 'ZXY' for the device, but 'YXZ' for us
														
 
															-
														
 
															-			quaternion.setFromEuler( _euler ); // orient the device
														
 
															-
														
 
															-			quaternion.multiply( _q1 ); // camera looks out the back of the device, not the top
														
 
															-
														
 
															-			quaternion.multiply( _q0.setFromAxisAngle( _zee, - orient ) ); // adjust for screen orientation
														
 
															-
														
 
															-		};
														
 
															-
														
 
															-		this.connect = function () {
														
 
															-
														
 
															-			onScreenOrientationChangeEvent(); // run once on load
														
 
															-
														
 
															-			// iOS 13+
														
 
															-
														
 
															-			if ( window.DeviceOrientationEvent !== undefined && typeof window.DeviceOrientationEvent.requestPermission === 'function' ) {
														
 
															-
														
 
															-				window.DeviceOrientationEvent.requestPermission().then( function ( response ) {
														
 
															-
														
 
															-					if ( response == 'granted' ) {
														
 
															-
														
 
															-						window.addEventListener( 'orientationchange', onScreenOrientationChangeEvent );
														
 
															-						window.addEventListener( 'deviceorientation', onDeviceOrientationChangeEvent );
														
 
															-
														
 
															-					}
														
 
															-
														
 
															-				} ).catch( function ( error ) {
														
 
															-
														
 
															-					console.error( 'THREE.DeviceOrientationControls: Unable to use DeviceOrientation API:', error );
														
 
															-
														
 
															-				} );
														
 
															-
														
 
															-			} else {
														
 
															-
														
 
															-				window.addEventListener( 'orientationchange', onScreenOrientationChangeEvent );
														
 
															-				window.addEventListener( 'deviceorientation', onDeviceOrientationChangeEvent );
														
 
															-
														
 
															-			}
														
 
															-
														
 
															-			scope.enabled = true;
														
 
															-
														
 
															-		};
														
 
															-
														
 
															-		this.disconnect = function () {
														
 
															-
														
 
															-			window.removeEventListener( 'orientationchange', onScreenOrientationChangeEvent );
														
 
															-			window.removeEventListener( 'deviceorientation', onDeviceOrientationChangeEvent );
														
 
															-
														
 
															-			scope.enabled = false;
														
 
															-
														
 
															-		};
														
 
															-
														
 
															-		this.update = function () {
														
 
															-
														
 
															-			if ( scope.enabled === false ) return;
														
 
															-
														
 
															-			const device = scope.deviceOrientation;
														
 
															-
														
 
															-			if ( device ) {
														
 
															-
														
 
															-				const alpha = device.alpha ? MathUtils.degToRad( device.alpha ) + scope.alphaOffset : 0; // Z
														
 
															-
														
 
															-				const beta = device.beta ? MathUtils.degToRad( device.beta ) : 0; // X'
														
 
															-
														
 
															-				const gamma = device.gamma ? MathUtils.degToRad( device.gamma ) : 0; // Y''
														
 
															-
														
 
															-				const orient = scope.screenOrientation ? MathUtils.degToRad( scope.screenOrientation ) : 0; // O
														
 
															-
														
 
															-				setObjectQuaternion( scope.object.quaternion, alpha, beta, gamma, orient );
														
 
															-
														
 
															-				if ( 8 * ( 1 - lastQuaternion.dot( scope.object.quaternion ) ) > EPS ) {
														
 
															-
														
 
															-					lastQuaternion.copy( scope.object.quaternion );
														
 
															-					scope.dispatchEvent( _changeEvent );
														
 
															-
														
 
															-				}
														
 
															-
														
 
															-			}
														
 
															-
														
 
															-		};
														
 
															-
														
 
															-		this.dispose = function () {
														
 
															-
														
 
															-			scope.disconnect();
														
 
															-
														
 
															-		};
														
 
															-
														
 
															-		this.connect();
														
 
															-
														
 
															-	}
														
 
															-
														
 
															-}
														
 
															-
														
 
															-export { DeviceOrientationControls };
														
--- a/examples/jsm/controls/OrbitControls.js
+++ b/examples/jsm/controls/OrbitControls.js
@@ -1026,7 +1026,7 @@ class OrbitControls extends EventDispatcher {
 
															 		function onMouseWheel( event ) {
														
 
															-			if ( scope.enabled === false || scope.enableZoom === false || ( state !== STATE.NONE && state !== STATE.ROTATE ) ) return;
														
 
															+			if ( scope.enabled === false || scope.enableZoom === false || state !== STATE.NONE ) return;
														
 
															 			event.preventDefault();
														
--- a/examples/jsm/controls/TrackballControls.js
+++ b/examples/jsm/controls/TrackballControls.js
@@ -208,7 +208,7 @@ class TrackballControls extends EventDispatcher {
 
															 				} else if ( scope.object.isOrthographicCamera ) {
														
 
															-					scope.object.zoom *= factor;
														
 
															+					scope.object.zoom /= factor;
														
 
															 					scope.object.updateProjectionMatrix();
														
 
															 				} else {
														
--- a/examples/jsm/exporters/GLTFExporter.js
+++ b/examples/jsm/exporters/GLTFExporter.js
@@ -2303,7 +2303,7 @@ class GLTFMaterialsVolumeExtension {
 
															 		}
														
 
															 		extensionDef.attenuationDistance = material.attenuationDistance;
														
 
															-		extensionDef.attenuationColor = material.attenuationTint.toArray();
														
 
															+		extensionDef.attenuationColor = material.attenuationColor.toArray();
														
 
															 		materialDef.extensions = materialDef.extensions || {};
														
 
															 		materialDef.extensions[ this.name ] = extensionDef;
														
--- a/examples/jsm/exporters/USDZExporter.js
+++ b/examples/jsm/exporters/USDZExporter.js
@@ -247,7 +247,7 @@ function buildMesh( geometry ) {
 
															 function buildMeshVertexCount( geometry ) {
														
 
															-	const count = geometry.index !== null ? geometry.index.array.length : geometry.attributes.position.count;
														
 
															+	const count = geometry.index !== null ? geometry.index.count : geometry.attributes.position.count;
														
 
															 	return Array( count / 3 ).fill( 3 ).join( ', ' );
														
@@ -255,18 +255,26 @@ function buildMeshVertexCount( geometry ) {
 
															 function buildMeshVertexIndices( geometry ) {
														
 
															-	if ( geometry.index !== null ) {
														
 
															+	const index = geometry.index;
														
 
															+	const array = [];
														
 
															-		return geometry.index.array.join( ', ' );
														
 
															+	if ( index !== null ) {
														
 
															-	}
														
 
															+		for ( let i = 0; i < index.count; i ++ ) {
														
 
															-	const array = [];
														
 
															-	const length = geometry.attributes.position.count;
														
 
															+			array.push( index.getX( i ) );
														
 
															+
														
 
															+		}
														
 
															+
														
 
															+	} else {
														
 
															+
														
 
															+		const length = geometry.attributes.position.count;
														
 
															+
														
 
															+		for ( let i = 0; i < length; i ++ ) {
														
 
															-	for ( let i = 0; i < length; i ++ ) {
														
 
															+			array.push( i );
														
 
															-		array.push( i );
														
 
															+		}
														
 
															 	}
														
@@ -284,11 +292,14 @@ function buildVector3Array( attribute, count ) {
 
															 	}
														
 
															 	const array = [];
														
 
															-	const data = attribute.array;
														
 
															-	for ( let i = 0; i < data.length; i += 3 ) {
														
 
															+	for ( let i = 0; i < attribute.count; i ++ ) {
														
 
															+
														
 
															+		const x = attribute.getX( i );
														
 
															+		const y = attribute.getY( i );
														
 
															+		const z = attribute.getZ( i );
														
 
															-		array.push( `(${ data[ i + 0 ].toPrecision( PRECISION ) }, ${ data[ i + 1 ].toPrecision( PRECISION ) }, ${ data[ i + 2 ].toPrecision( PRECISION ) })` );
														
 
															+		array.push( `(${ x.toPrecision( PRECISION ) }, ${ y.toPrecision( PRECISION ) }, ${ z.toPrecision( PRECISION ) })` );
														
 
															 	}
														
@@ -306,11 +317,13 @@ function buildVector2Array( attribute, count ) {
 
															 	}
														
 
															 	const array = [];
														
 
															-	const data = attribute.array;
														
 
															-	for ( let i = 0; i < data.length; i += 2 ) {
														
 
															+	for ( let i = 0; i < attribute.count; i ++ ) {
														
 
															+
														
 
															+		const x = attribute.getX( i );
														
 
															+		const y = attribute.getY( i );
														
 
															-		array.push( `(${ data[ i + 0 ].toPrecision( PRECISION ) }, ${ 1 - data[ i + 1 ].toPrecision( PRECISION ) })` );
														
 
															+		array.push( `(${ x.toPrecision( PRECISION ) }, ${ 1 - y.toPrecision( PRECISION ) })` );
														
 
															 	}
														
--- a/examples/jsm/libs/glslang.js
+++ b/examples/jsm/libs/glslang.js
@@ -1,78 +0,0 @@
 
															-// 0.0.15
														
 
															-var Module = (function() {
														
 
															-  var _scriptDir = typeof document !== 'undefined' && document.currentScript ? document.currentScript.src : undefined;
														
 
															-
														
 
															-  return (
														
 
															-function(Module) {
														
 
															-  Module = Module || {};
														
 
															-
														
 
															-var c;c||(c=typeof Module !== 'undefined' ? Module : {});
														
 
															-c.compileGLSLZeroCopy=function(a,b,d,e){d=!!d;switch(b){case "vertex":var g=0;break;case "fragment":g=4;break;case "compute":g=5;break;default:throw Error("shader_stage must be 'vertex', 'fragment', or 'compute'.");}switch(e||"1.0"){case "1.0":var f=65536;break;case "1.1":f=65792;break;case "1.2":f=66048;break;case "1.3":f=66304;break;case "1.4":f=66560;break;case "1.5":f=66816;break;default:throw Error("spirv_version must be '1.0' ~ '1.5'.");}e=c._malloc(4);b=c._malloc(4);var h=aa([a,g,d,f,e,b]);
														
 
															-d=k(e);a=k(b);c._free(e);c._free(b);if(0===h)throw Error("GLSL compilation failed");e={};d/=4;e.data=c.HEAPU32.subarray(d,d+a);e.free=function(){c._destroy_output_buffer(h)};return e};c.compileGLSL=function(a,b,d,e){a=c.compileGLSLZeroCopy(a,b,d,e);b=a.data.slice();a.free();return b};var p={},q;for(q in c)c.hasOwnProperty(q)&&(p[q]=c[q]);var r="./this.program",t=!1,u=!1;t="object"===typeof window;u="function"===typeof importScripts;var v="",w;
														
 
															-if(t||u)u?v=self.location.href:document.currentScript&&(v=document.currentScript.src),_scriptDir&&(v=_scriptDir),0!==v.indexOf("blob:")?v=v.substr(0,v.lastIndexOf("/")+1):v="",u&&(w=function(a){var b=new XMLHttpRequest;b.open("GET",a,!1);b.responseType="arraybuffer";b.send(null);return new Uint8Array(b.response)});var x=c.print||console.log.bind(console),y=c.printErr||console.warn.bind(console);for(q in p)p.hasOwnProperty(q)&&(c[q]=p[q]);p=null;c.thisProgram&&(r=c.thisProgram);var A;
														
 
															-c.wasmBinary&&(A=c.wasmBinary);"object"!==typeof WebAssembly&&y("no native wasm support detected");function k(a){var b="i32";"*"===b.charAt(b.length-1)&&(b="i32");switch(b){case "i1":return B[a>>0];case "i8":return B[a>>0];case "i16":return ba[a>>1];case "i32":return C[a>>2];case "i64":return C[a>>2];case "float":return ca[a>>2];case "double":return da[a>>3];default:D("invalid type for getValue: "+b)}return null}var E,ea=new WebAssembly.Table({initial:859,maximum:859,element:"anyfunc"}),fa=!1;
														
 
															-function ha(){var a=c._convert_glsl_to_spirv;a||D("Assertion failed: Cannot call unknown function convert_glsl_to_spirv, make sure it is exported");return a}
														
 
															-function aa(a){var b="string number boolean number number number".split(" "),d={string:function(a){var b=0;if(null!==a&&void 0!==a&&0!==a){var d=(a.length<<2)+1;b=G(d);ia(a,H,b,d)}return b},array:function(a){var b=G(a.length);B.set(a,b);return b}},e=ha(),g=[],f=0;if(a)for(var h=0;h<a.length;h++){var n=d[b[h]];n?(0===f&&(f=ja()),g[h]=n(a[h])):g[h]=a[h]}a=e.apply(null,g);0!==f&&ka(f);return a}var la="undefined"!==typeof TextDecoder?new TextDecoder("utf8"):void 0;
														
 
															-function I(a,b,d){var e=b+d;for(d=b;a[d]&&!(d>=e);)++d;if(16<d-b&&a.subarray&&la)return la.decode(a.subarray(b,d));for(e="";b<d;){var g=a[b++];if(g&128){var f=a[b++]&63;if(192==(g&224))e+=String.fromCharCode((g&31)<<6|f);else{var h=a[b++]&63;g=224==(g&240)?(g&15)<<12|f<<6|h:(g&7)<<18|f<<12|h<<6|a[b++]&63;65536>g?e+=String.fromCharCode(g):(g-=65536,e+=String.fromCharCode(55296|g>>10,56320|g&1023))}}else e+=String.fromCharCode(g)}return e}
														
 
															-function ia(a,b,d,e){if(0<e){e=d+e-1;for(var g=0;g<a.length;++g){var f=a.charCodeAt(g);if(55296<=f&&57343>=f){var h=a.charCodeAt(++g);f=65536+((f&1023)<<10)|h&1023}if(127>=f){if(d>=e)break;b[d++]=f}else{if(2047>=f){if(d+1>=e)break;b[d++]=192|f>>6}else{if(65535>=f){if(d+2>=e)break;b[d++]=224|f>>12}else{if(d+3>=e)break;b[d++]=240|f>>18;b[d++]=128|f>>12&63}b[d++]=128|f>>6&63}b[d++]=128|f&63}}b[d]=0}}"undefined"!==typeof TextDecoder&&new TextDecoder("utf-16le");var J,B,H,ba,C,ca,da;
														
 
															-function ma(a){J=a;c.HEAP8=B=new Int8Array(a);c.HEAP16=ba=new Int16Array(a);c.HEAP32=C=new Int32Array(a);c.HEAPU8=H=new Uint8Array(a);c.HEAPU16=new Uint16Array(a);c.HEAPU32=new Uint32Array(a);c.HEAPF32=ca=new Float32Array(a);c.HEAPF64=da=new Float64Array(a)}var na=c.TOTAL_MEMORY||16777216;c.wasmMemory?E=c.wasmMemory:E=new WebAssembly.Memory({initial:na/65536});E&&(J=E.buffer);na=J.byteLength;ma(J);C[84916]=5582704;
														
 
															-function K(a){for(;0<a.length;){var b=a.shift();if("function"==typeof b)b();else{var d=b.J;"number"===typeof d?void 0===b.H?c.dynCall_v(d):c.dynCall_vi(d,b.H):d(void 0===b.H?null:b.H)}}}var oa=[],pa=[],qa=[],ra=[];function sa(){var a=c.preRun.shift();oa.unshift(a)}var L=0,M=null,N=null;c.preloadedImages={};c.preloadedAudios={};function D(a){if(c.onAbort)c.onAbort(a);x(a);y(a);fa=!0;throw new WebAssembly.RuntimeError("abort("+a+"). Build with -s ASSERTIONS=1 for more info.");}
														
 
															-function ta(){var a=O;return String.prototype.startsWith?a.startsWith("data:application/octet-stream;base64,"):0===a.indexOf("data:application/octet-stream;base64,")}var O="glslang.wasm";if(!ta()){var ua=O;O=c.locateFile?c.locateFile(ua,v):v+ua}function wa(){try{if(A)return new Uint8Array(A);if(w)return w(O);throw"both async and sync fetching of the wasm failed";}catch(a){D(a)}}
														
 
															-function xa(){return A||!t&&!u||"function"!==typeof fetch?new Promise(function(a){a(wa())}):fetch(O,{credentials:"same-origin"}).then(function(a){if(!a.ok)throw"failed to load wasm binary file at '"+O+"'";return a.arrayBuffer()}).catch(function(){return wa()})}pa.push({J:function(){ya()}});var za=[null,[],[]],P=0;function Aa(){P+=4;return C[P-4>>2]}var Q={},Ba={};
														
 
															-function Ca(){if(!R){var a={USER:"web_user",LOGNAME:"web_user",PATH:"/",PWD:"/",HOME:"/home/web_user",LANG:("object"===typeof navigator&&navigator.languages&&navigator.languages[0]||"C").replace("-","_")+".UTF-8",_:r},b;for(b in Ba)a[b]=Ba[b];var d=[];for(b in a)d.push(b+"="+a[b]);R=d}return R}var R;function S(a){return 0===a%4&&(0!==a%100||0===a%400)}function T(a,b){for(var d=0,e=0;e<=b;d+=a[e++]);return d}var U=[31,29,31,30,31,30,31,31,30,31,30,31],W=[31,28,31,30,31,30,31,31,30,31,30,31];
														
 
															-function X(a,b){for(a=new Date(a.getTime());0<b;){var d=a.getMonth(),e=(S(a.getFullYear())?U:W)[d];if(b>e-a.getDate())b-=e-a.getDate()+1,a.setDate(1),11>d?a.setMonth(d+1):(a.setMonth(0),a.setFullYear(a.getFullYear()+1));else{a.setDate(a.getDate()+b);break}}return a}
														
 
															-function Da(a,b,d,e){function g(a,b,d){for(a="number"===typeof a?a.toString():a||"";a.length<b;)a=d[0]+a;return a}function f(a,b){return g(a,b,"0")}function h(a,b){function V(a){return 0>a?-1:0<a?1:0}var d;0===(d=V(a.getFullYear()-b.getFullYear()))&&0===(d=V(a.getMonth()-b.getMonth()))&&(d=V(a.getDate()-b.getDate()));return d}function n(a){switch(a.getDay()){case 0:return new Date(a.getFullYear()-1,11,29);case 1:return a;case 2:return new Date(a.getFullYear(),0,3);case 3:return new Date(a.getFullYear(),
														
 
															-0,2);case 4:return new Date(a.getFullYear(),0,1);case 5:return new Date(a.getFullYear()-1,11,31);case 6:return new Date(a.getFullYear()-1,11,30)}}function z(a){a=X(new Date(a.A+1900,0,1),a.G);var b=n(new Date(a.getFullYear()+1,0,4));return 0>=h(n(new Date(a.getFullYear(),0,4)),a)?0>=h(b,a)?a.getFullYear()+1:a.getFullYear():a.getFullYear()-1}var m=C[e+40>>2];e={N:C[e>>2],M:C[e+4>>2],D:C[e+8>>2],C:C[e+12>>2],B:C[e+16>>2],A:C[e+20>>2],F:C[e+24>>2],G:C[e+28>>2],X:C[e+32>>2],L:C[e+36>>2],O:m?m?I(H,m,void 0):
														
 
															-"":""};d=d?I(H,d,void 0):"";m={"%c":"%a %b %d %H:%M:%S %Y","%D":"%m/%d/%y","%F":"%Y-%m-%d","%h":"%b","%r":"%I:%M:%S %p","%R":"%H:%M","%T":"%H:%M:%S","%x":"%m/%d/%y","%X":"%H:%M:%S","%Ec":"%c","%EC":"%C","%Ex":"%m/%d/%y","%EX":"%H:%M:%S","%Ey":"%y","%EY":"%Y","%Od":"%d","%Oe":"%e","%OH":"%H","%OI":"%I","%Om":"%m","%OM":"%M","%OS":"%S","%Ou":"%u","%OU":"%U","%OV":"%V","%Ow":"%w","%OW":"%W","%Oy":"%y"};for(var l in m)d=d.replace(new RegExp(l,"g"),m[l]);var F="Sunday Monday Tuesday Wednesday Thursday Friday Saturday".split(" "),
														
 
															-va="January February March April May June July August September October November December".split(" ");m={"%a":function(a){return F[a.F].substring(0,3)},"%A":function(a){return F[a.F]},"%b":function(a){return va[a.B].substring(0,3)},"%B":function(a){return va[a.B]},"%C":function(a){return f((a.A+1900)/100|0,2)},"%d":function(a){return f(a.C,2)},"%e":function(a){return g(a.C,2," ")},"%g":function(a){return z(a).toString().substring(2)},"%G":function(a){return z(a)},"%H":function(a){return f(a.D,2)},
														
 
															-"%I":function(a){a=a.D;0==a?a=12:12<a&&(a-=12);return f(a,2)},"%j":function(a){return f(a.C+T(S(a.A+1900)?U:W,a.B-1),3)},"%m":function(a){return f(a.B+1,2)},"%M":function(a){return f(a.M,2)},"%n":function(){return"\n"},"%p":function(a){return 0<=a.D&&12>a.D?"AM":"PM"},"%S":function(a){return f(a.N,2)},"%t":function(){return"\t"},"%u":function(a){return a.F||7},"%U":function(a){var b=new Date(a.A+1900,0,1),d=0===b.getDay()?b:X(b,7-b.getDay());a=new Date(a.A+1900,a.B,a.C);return 0>h(d,a)?f(Math.ceil((31-
														
 
															-d.getDate()+(T(S(a.getFullYear())?U:W,a.getMonth()-1)-31)+a.getDate())/7),2):0===h(d,b)?"01":"00"},"%V":function(a){var b=n(new Date(a.A+1900,0,4)),d=n(new Date(a.A+1901,0,4)),e=X(new Date(a.A+1900,0,1),a.G);return 0>h(e,b)?"53":0>=h(d,e)?"01":f(Math.ceil((b.getFullYear()<a.A+1900?a.G+32-b.getDate():a.G+1-b.getDate())/7),2)},"%w":function(a){return a.F},"%W":function(a){var b=new Date(a.A,0,1),d=1===b.getDay()?b:X(b,0===b.getDay()?1:7-b.getDay()+1);a=new Date(a.A+1900,a.B,a.C);return 0>h(d,a)?f(Math.ceil((31-
														
 
															-d.getDate()+(T(S(a.getFullYear())?U:W,a.getMonth()-1)-31)+a.getDate())/7),2):0===h(d,b)?"01":"00"},"%y":function(a){return(a.A+1900).toString().substring(2)},"%Y":function(a){return a.A+1900},"%z":function(a){a=a.L;var b=0<=a;a=Math.abs(a)/60;return(b?"+":"-")+String("0000"+(a/60*100+a%60)).slice(-4)},"%Z":function(a){return a.O},"%%":function(){return"%"}};for(l in m)0<=d.indexOf(l)&&(d=d.replace(new RegExp(l,"g"),m[l](e)));l=Ea(d);if(l.length>b)return 0;B.set(l,a);return l.length-1}
														
 
															-function Ea(a){for(var b=0,d=0;d<a.length;++d){var e=a.charCodeAt(d);55296<=e&&57343>=e&&(e=65536+((e&1023)<<10)|a.charCodeAt(++d)&1023);127>=e?++b:b=2047>=e?b+2:65535>=e?b+3:b+4}b=Array(b+1);ia(a,b,0,b.length);return b}
														
 
															-var Ga={f:function(){},c:function(){c.___errno_location&&(C[c.___errno_location()>>2]=63);return-1},n:function(a,b){P=b;try{var d=Aa();var e=Aa();if(-1===d||0===e)var g=-28;else{var f=Q.K[d];if(f&&e===f.U){var h=(void 0).T(f.S);Q.R(d,h,e,f.flags,f.offset);(void 0).W(h);Q.K[d]=null;f.P&&Fa(f.V)}g=0}return g}catch(n){return D(n),-n.I}},a:function(){},b:function(){D()},k:function(a,b,d){H.set(H.subarray(b,b+d),a)},l:function(a){var b=B.length;if(2147418112<a)return!1;for(var d=1;4>=d;d*=2){var e=b*(1+
														
 
															-.2/d);e=Math.min(e,a+100663296);e=Math.max(16777216,a,e);0<e%65536&&(e+=65536-e%65536);a:{try{E.grow(Math.min(2147418112,e)-J.byteLength+65535>>16);ma(E.buffer);var g=1;break a}catch(f){}g=void 0}if(g)return!0}return!1},d:function(a,b){var d=0;Ca().forEach(function(e,g){var f=b+d;g=C[a+4*g>>2]=f;for(f=0;f<e.length;++f)B[g++>>0]=e.charCodeAt(f);B[g>>0]=0;d+=e.length+1});return 0},e:function(a,b){var d=Ca();C[a>>2]=d.length;var e=0;d.forEach(function(a){e+=a.length+1});C[b>>2]=e;return 0},h:function(){return 0},
														
 
															-j:function(){return 0},g:function(a,b,d,e){try{for(var g=0,f=0;f<d;f++){for(var h=C[b+8*f>>2],n=C[b+(8*f+4)>>2],z=0;z<n;z++){var m=H[h+z],l=za[a];0===m||10===m?((1===a?x:y)(I(l,0)),l.length=0):l.push(m)}g+=n}C[e>>2]=g;return 0}catch(F){return D(F),F.I}},memory:E,o:function(){},i:function(){},m:function(a,b,d,e){return Da(a,b,d,e)},table:ea},Ha=function(){function a(a){c.asm=a.exports;L--;c.monitorRunDependencies&&c.monitorRunDependencies(L);0==L&&(null!==M&&(clearInterval(M),M=null),N&&(a=N,N=null,
														
 
															-a()))}function b(b){a(b.instance)}function d(a){return xa().then(function(a){return WebAssembly.instantiate(a,e)}).then(a,function(a){y("failed to asynchronously prepare wasm: "+a);D(a)})}var e={env:Ga,wasi_snapshot_preview1:Ga};L++;c.monitorRunDependencies&&c.monitorRunDependencies(L);if(c.instantiateWasm)try{return c.instantiateWasm(e,a)}catch(g){return y("Module.instantiateWasm callback failed with error: "+g),!1}(function(){if(A||"function"!==typeof WebAssembly.instantiateStreaming||ta()||"function"!==
														
 
															-typeof fetch)return d(b);fetch(O,{credentials:"same-origin"}).then(function(a){return WebAssembly.instantiateStreaming(a,e).then(b,function(a){y("wasm streaming compile failed: "+a);y("falling back to ArrayBuffer instantiation");d(b)})})})();return{}}();c.asm=Ha;var ya=c.___wasm_call_ctors=function(){return(ya=c.___wasm_call_ctors=c.asm.p).apply(null,arguments)};c._convert_glsl_to_spirv=function(){return(c._convert_glsl_to_spirv=c.asm.q).apply(null,arguments)};
														
 
															-c._destroy_output_buffer=function(){return(c._destroy_output_buffer=c.asm.r).apply(null,arguments)};c._malloc=function(){return(c._malloc=c.asm.s).apply(null,arguments)};var Fa=c._free=function(){return(Fa=c._free=c.asm.t).apply(null,arguments)},ja=c.stackSave=function(){return(ja=c.stackSave=c.asm.u).apply(null,arguments)},G=c.stackAlloc=function(){return(G=c.stackAlloc=c.asm.v).apply(null,arguments)},ka=c.stackRestore=function(){return(ka=c.stackRestore=c.asm.w).apply(null,arguments)};
														
 
															-c.dynCall_vi=function(){return(c.dynCall_vi=c.asm.x).apply(null,arguments)};c.dynCall_v=function(){return(c.dynCall_v=c.asm.y).apply(null,arguments)};c.asm=Ha;var Y;c.then=function(a){if(Y)a(c);else{var b=c.onRuntimeInitialized;c.onRuntimeInitialized=function(){b&&b();a(c)}}return c};N=function Ia(){Y||Z();Y||(N=Ia)};
														
 
															-function Z(){function a(){if(!Y&&(Y=!0,!fa)){K(pa);K(qa);if(c.onRuntimeInitialized)c.onRuntimeInitialized();if(c.postRun)for("function"==typeof c.postRun&&(c.postRun=[c.postRun]);c.postRun.length;){var a=c.postRun.shift();ra.unshift(a)}K(ra)}}if(!(0<L)){if(c.preRun)for("function"==typeof c.preRun&&(c.preRun=[c.preRun]);c.preRun.length;)sa();K(oa);0<L||(c.setStatus?(c.setStatus("Running..."),setTimeout(function(){setTimeout(function(){c.setStatus("")},1);a()},1)):a())}}c.run=Z;
														
 
															-if(c.preInit)for("function"==typeof c.preInit&&(c.preInit=[c.preInit]);0<c.preInit.length;)c.preInit.pop()();Z();
														
 
															-
														
 
															-
														
 
															-  return Module
														
 
															-}
														
 
															-);
														
 
															-})();
														
 
															-if (typeof exports === 'object' && typeof module === 'object')
														
 
															-      module.exports = Module;
														
 
															-    else if (typeof define === 'function' && define['amd'])
														
 
															-      define([], function() { return Module; });
														
 
															-    else if (typeof exports === 'object')
														
 
															-      exports["Module"] = Module;
														
 
															-    export default (() => {
														
 
															-    const initialize = () => {
														
 
															-        return new Promise(resolve => {
														
 
															-            Module({
														
 
															-                locateFile() {
														
 
															-                    const i = import.meta.url.lastIndexOf('/')
														
 
															-                    return import.meta.url.substring(0, i) + '/glslang.wasm';
														
 
															-                },
														
 
															-                onRuntimeInitialized() {
														
 
															-                    resolve({
														
 
															-                        compileGLSLZeroCopy: this.compileGLSLZeroCopy,
														
 
															-                        compileGLSL: this.compileGLSL,
														
 
															-                    });
														
 
															-                },
														
 
															-            });
														
 
															-        });
														
 
															-    };
														
 
															-
														
 
															-    let instance;
														
 
															-    return () => {
														
 
															-        if (!instance) {
														
 
															-            instance = initialize();
														
 
															-        }
														
 
															-        return instance;
														
 
															-    };
														
 
															-})();
														
--- a/examples/jsm/libs/glslang.wasm
+++ b/examples/jsm/libs/glslang.wasm
--- a/examples/jsm/lines/LineMaterial.js
+++ b/examples/jsm/lines/LineMaterial.js
@@ -55,10 +55,23 @@ ShaderLib[ 'line' ] = {
 
															 		attribute vec3 instanceColorStart;
														
 
															 		attribute vec3 instanceColorEnd;
														
 
															-		varying vec2 vUv;
														
 
															-		varying vec4 worldPos;
														
 
															-		varying vec3 worldStart;
														
 
															-		varying vec3 worldEnd;
														
 
															+		#ifdef WORLD_UNITS
														
 
															+
														
 
															+			varying vec4 worldPos;
														
 
															+			varying vec3 worldStart;
														
 
															+			varying vec3 worldEnd;
														
 
															+
														
 
															+			#ifdef USE_DASH
														
 
															+
														
 
															+				varying vec2 vUv;
														
 
															+
														
 
															+			#endif
														
 
															+
														
 
															+		#else
														
 
															+
														
 
															+			varying vec2 vUv;
														
 
															+
														
 
															+		#endif
														
 
															 		#ifdef USE_DASH
														
@@ -95,19 +108,26 @@ ShaderLib[ 'line' ] = {
 
															 			#ifdef USE_DASH
														
 
															 				vLineDistance = ( position.y < 0.5 ) ? dashScale * instanceDistanceStart : dashScale * instanceDistanceEnd;
														
 
															+				vUv = uv;
														
 
															 			#endif
														
 
															 			float aspect = resolution.x / resolution.y;
														
 
															-			vUv = uv;
														
 
															-
														
 
															 			// camera space
														
 
															 			vec4 start = modelViewMatrix * vec4( instanceStart, 1.0 );
														
 
															 			vec4 end = modelViewMatrix * vec4( instanceEnd, 1.0 );
														
 
															-			worldStart = start.xyz;
														
 
															-			worldEnd = end.xyz;
														
 
															+			#ifdef WORLD_UNITS
														
 
															+
														
 
															+				worldStart = start.xyz;
														
 
															+				worldEnd = end.xyz;
														
 
															+
														
 
															+			#else
														
 
															+
														
 
															+				vUv = uv;
														
 
															+
														
 
															+			#endif
														
 
															 			// special case for perspective projection, and segments that terminate either in, or behind, the camera plane
														
 
															 			// clearly the gpu firmware has a way of addressing this issue when projecting into ndc space
														
@@ -263,9 +283,24 @@ ShaderLib[ 'line' ] = {
 
															 		#endif
														
 
															 		varying float vLineDistance;
														
 
															-		varying vec4 worldPos;
														
 
															-		varying vec3 worldStart;
														
 
															-		varying vec3 worldEnd;
														
 
															+
														
 
															+		#ifdef WORLD_UNITS
														
 
															+
														
 
															+			varying vec4 worldPos;
														
 
															+			varying vec3 worldStart;
														
 
															+			varying vec3 worldEnd;
														
 
															+
														
 
															+			#ifdef USE_DASH
														
 
															+
														
 
															+				varying vec2 vUv;
														
 
															+
														
 
															+			#endif
														
 
															+
														
 
															+		#else
														
 
															+
														
 
															+			varying vec2 vUv;
														
 
															+
														
 
															+		#endif
														
 
															 		#include <common>
														
 
															 		#include <color_pars_fragment>
														
@@ -273,8 +308,6 @@ ShaderLib[ 'line' ] = {
 
															 		#include <logdepthbuf_pars_fragment>
														
 
															 		#include <clipping_planes_pars_fragment>
														
 
															-		varying vec2 vUv;
														
 
															-
														
 
															 		vec2 closestLineToLine(vec3 p1, vec3 p2, vec3 p3, vec3 p4) {
														
 
															 			float mua;
														
@@ -333,7 +366,7 @@ ShaderLib[ 'line' ] = {
 
															 				#ifndef USE_DASH
														
 
															-					#ifdef ALPHA_TO_COVERAGE
														
 
															+					#ifdef USE_ALPHA_TO_COVERAGE
														
 
															 						float dnorm = fwidth( norm );
														
 
															 						alpha = 1.0 - smoothstep( 0.5 - dnorm, 0.5 + dnorm, norm );
														
@@ -352,7 +385,7 @@ ShaderLib[ 'line' ] = {
 
															 			#else
														
 
															-				#ifdef ALPHA_TO_COVERAGE
														
 
															+				#ifdef USE_ALPHA_TO_COVERAGE
														
 
															 					// artifacts appear on some hardware if a derivative is taken within a conditional
														
 
															 					float a = vUv.x;
														
@@ -625,13 +658,13 @@ class LineMaterial extends ShaderMaterial {
 
															 				get: function () {
														
 
															-					return Boolean( 'ALPHA_TO_COVERAGE' in this.defines );
														
 
															+					return Boolean( 'USE_ALPHA_TO_COVERAGE' in this.defines );
														
 
															 				},
														
 
															 				set: function ( value ) {
														
 
															-					if ( Boolean( value ) !== Boolean( 'ALPHA_TO_COVERAGE' in this.defines ) ) {
														
 
															+					if ( Boolean( value ) !== Boolean( 'USE_ALPHA_TO_COVERAGE' in this.defines ) ) {
														
 
															 						this.needsUpdate = true;
														
@@ -639,12 +672,12 @@ class LineMaterial extends ShaderMaterial {
 
															 					if ( value === true ) {
														
 
															-						this.defines.ALPHA_TO_COVERAGE = '';
														
 
															+						this.defines.USE_ALPHA_TO_COVERAGE = '';
														
 
															 						this.extensions.derivatives = true;
														
 
															 					} else {
														
 
															-						delete this.defines.ALPHA_TO_COVERAGE;
														
 
															+						delete this.defines.USE_ALPHA_TO_COVERAGE;
														
 
															 						this.extensions.derivatives = false;
														
 
															 					}
														
--- a/examples/jsm/loaders/3MFLoader.js
+++ b/examples/jsm/loaders/3MFLoader.js
@@ -1431,7 +1431,7 @@ class ThreeMFLoader extends Loader {
 
															 			for ( let i = 0; i < buildData.length; i ++ ) {
														
 
															 				const buildItem = buildData[ i ];
														
 
															-				const object3D = objects[ buildItem[ 'objectId' ] ];
														
 
															+				const object3D = objects[ buildItem[ 'objectId' ] ].clone();
														
 
															 				// apply transform
														
--- a/examples/jsm/loaders/ColladaLoader.js
+++ b/examples/jsm/loaders/ColladaLoader.js
@@ -10,6 +10,7 @@ import {
 
															 	Euler,
														
 
															 	FileLoader,
														
 
															 	Float32BufferAttribute,
														
 
															+	FrontSide,
														
 
															 	Group,
														
 
															 	Line,
														
 
															 	LineBasicMaterial,
														
@@ -33,6 +34,7 @@ import {
 
															 	SkinnedMesh,
														
 
															 	SpotLight,
														
 
															 	TextureLoader,
														
 
															+	Vector2,
														
 
															 	Vector3,
														
 
															 	VectorKeyframeTrack
														
 
															 } from '../../../build/three.module.js';
														
@@ -1239,6 +1241,10 @@ class ColladaLoader extends Loader {
 
															 						data.parameters = parseEffectParameters( child );
														
 
															 						break;
														
 
															+					case 'extra':
														
 
															+						data.extra = parseEffectExtra( child );
														
 
															+						break;
														
 
															+
														
 
															 				}
														
 
															 			}
														
@@ -1399,6 +1405,10 @@ class ColladaLoader extends Loader {
 
															 						break;
														
 
															+					case 'bump':
														
 
															+						data[ child.nodeName ] = parseEffectExtraTechniqueBump( child );
														
 
															+						break;
														
 
															+
														
 
															 				}
														
 
															 			}
														
@@ -1445,6 +1455,34 @@ class ColladaLoader extends Loader {
 
															 						data[ child.nodeName ] = parseInt( child.textContent );
														
 
															 						break;
														
 
															+					case 'bump':
														
 
															+						data[ child.nodeName ] = parseEffectExtraTechniqueBump( child );
														
 
															+						break;
														
 
															+
														
 
															+				}
														
 
															+
														
 
															+			}
														
 
															+
														
 
															+			return data;
														
 
															+
														
 
															+		}
														
 
															+
														
 
															+		function parseEffectExtraTechniqueBump( xml ) {
														
 
															+
														
 
															+			var data = {};
														
 
															+
														
 
															+			for ( var i = 0, l = xml.childNodes.length; i < l; i ++ ) {
														
 
															+
														
 
															+				var child = xml.childNodes[ i ];
														
 
															+
														
 
															+				if ( child.nodeType !== 1 ) continue;
														
 
															+
														
 
															+				switch ( child.nodeName ) {
														
 
															+
														
 
															+					case 'texture':
														
 
															+						data[ child.nodeName ] = { id: child.getAttribute( 'texture' ), texcoord: child.getAttribute( 'texcoord' ), extra: parseEffectParameterTexture( child ) };
														
 
															+						break;
														
 
															+
														
 
															 				}
														
 
															 			}
														
@@ -1519,7 +1557,6 @@ class ColladaLoader extends Loader {
 
															 			const effect = getEffect( data.url );
														
 
															 			const technique = effect.profile.technique;
														
 
															-			const extra = effect.profile.extra;
														
 
															 			let material;
														
@@ -1700,6 +1737,7 @@ class ColladaLoader extends Loader {
 
															 							material.opacity = color[ 0 ] * transparency.float;
														
 
															 							break;
														
 
															 						default:
														
 
															+							material.opacity = 1 - transparency.float;
														
 
															 							console.warn( 'THREE.ColladaLoader: Invalid opaque type "%s" of transparent tag.', transparent.opaque );
														
 
															 					}
														
@@ -1712,9 +1750,29 @@ class ColladaLoader extends Loader {
 
															 			//
														
 
															-			if ( extra !== undefined && extra.technique !== undefined && extra.technique.double_sided === 1 ) {
														
 
															-				material.side = DoubleSide;
														
 
															+			if ( technique.extra !== undefined && technique.extra.technique !== undefined ) {
														
 
															+
														
 
															+				const techniques = technique.extra.technique;
														
 
															+
														
 
															+				for ( const k in techniques ) {
														
 
															+
														
 
															+					const v = techniques[ k ];
														
 
															+
														
 
															+					switch ( k ) {
														
 
															+
														
 
															+						case 'double_sided':
														
 
															+							material.side = ( v === 1 ? DoubleSide : FrontSide );
														
 
															+							break;
														
 
															+
														
 
															+						case 'bump':
														
 
															+							material.normalMap = getTexture( v.texture );
														
 
															+							material.normalScale = new Vector2( 1, 1 );
														
 
															+							break;
														
 
															+
														
 
															+					}
														
 
															+
														
 
															+				}
														
 
															 			}
														
--- a/examples/jsm/loaders/FBXLoader.js
+++ b/examples/jsm/loaders/FBXLoader.js
@@ -1421,7 +1421,7 @@ class FBXTreeParser {
 
															 			for ( const nodeID in BindPoseNode ) {
														
 
															-				if ( BindPoseNode[ nodeID ].attrType === 'BindPose' ) {
														
 
															+				if ( BindPoseNode[ nodeID ].attrType === 'BindPose' && BindPoseNode[ nodeID ].NbPoseNodes > 0 ) {
														
 
															 					const poseNodes = BindPoseNode[ nodeID ].PoseNode;
														
--- a/examples/jsm/loaders/GLTFLoader.js
+++ b/examples/jsm/loaders/GLTFLoader.js
@@ -94,6 +94,12 @@ class GLTFLoader extends Loader {
 
															 		} );
														
 
															+		this.register( function ( parser ) {
														
 
															+
														
 
															+			return new GLTFMaterialsSheenExtension( parser );
														
 
															+
														
 
															+		} );
														
 
															+
														
 
															 		this.register( function ( parser ) {
														
 
															 			return new GLTFMaterialsTransmissionExtension( parser );
														
@@ -428,6 +434,7 @@ const EXTENSIONS = {
 
															 	KHR_MATERIALS_CLEARCOAT: 'KHR_materials_clearcoat',
														
 
															 	KHR_MATERIALS_IOR: 'KHR_materials_ior',
														
 
															 	KHR_MATERIALS_PBR_SPECULAR_GLOSSINESS: 'KHR_materials_pbrSpecularGlossiness',
														
 
															+	KHR_MATERIALS_SHEEN: 'KHR_materials_sheen',
														
 
															 	KHR_MATERIALS_SPECULAR: 'KHR_materials_specular',
														
 
															 	KHR_MATERIALS_TRANSMISSION: 'KHR_materials_transmission',
														
 
															 	KHR_MATERIALS_UNLIT: 'KHR_materials_unlit',
														
@@ -704,6 +711,80 @@ class GLTFMaterialsClearcoatExtension {
 
															 }
														
 
															+/**
														
 
															+ * Sheen Materials Extension
														
 
															+ *
														
 
															+ * Specification: https://github.com/KhronosGroup/glTF/tree/main/extensions/2.0/Khronos/KHR_materials_sheen
														
 
															+ */
														
 
															+class GLTFMaterialsSheenExtension {
														
 
															+
														
 
															+	constructor( parser ) {
														
 
															+
														
 
															+		this.parser = parser;
														
 
															+		this.name = EXTENSIONS.KHR_MATERIALS_SHEEN;
														
 
															+
														
 
															+	}
														
 
															+
														
 
															+	getMaterialType( materialIndex ) {
														
 
															+
														
 
															+		const parser = this.parser;
														
 
															+		const materialDef = parser.json.materials[ materialIndex ];
														
 
															+
														
 
															+		if ( ! materialDef.extensions || ! materialDef.extensions[ this.name ] ) return null;
														
 
															+
														
 
															+		return MeshPhysicalMaterial;
														
 
															+
														
 
															+	}
														
 
															+
														
 
															+	extendMaterialParams( materialIndex, materialParams ) {
														
 
															+
														
 
															+		const parser = this.parser;
														
 
															+		const materialDef = parser.json.materials[ materialIndex ];
														
 
															+
														
 
															+		if ( ! materialDef.extensions || ! materialDef.extensions[ this.name ] ) {
														
 
															+
														
 
															+			return Promise.resolve();
														
 
															+
														
 
															+		}
														
 
															+
														
 
															+		const pending = [];
														
 
															+
														
 
															+		materialParams.sheenColor = new Color( 0, 0, 0 );
														
 
															+		materialParams.sheenRoughness = 0;
														
 
															+		materialParams.sheen = 1;
														
 
															+
														
 
															+		const extension = materialDef.extensions[ this.name ];
														
 
															+
														
 
															+		if ( extension.sheenColorFactor !== undefined ) {
														
 
															+
														
 
															+			materialParams.sheenColor.fromArray( extension.sheenColorFactor );
														
 
															+
														
 
															+		}
														
 
															+
														
 
															+		if ( extension.sheenRoughnessFactor !== undefined ) {
														
 
															+
														
 
															+			materialParams.sheenRoughness = extension.sheenRoughnessFactor;
														
 
															+
														
 
															+		}
														
 
															+
														
 
															+		if ( extension.sheenColorTexture !== undefined ) {
														
 
															+
														
 
															+			pending.push( parser.assignTexture( materialParams, 'sheenColorMap', extension.sheenColorTexture ) );
														
 
															+
														
 
															+		}
														
 
															+
														
 
															+		if ( extension.sheenRoughnessTexture !== undefined ) {
														
 
															+
														
 
															+			pending.push( parser.assignTexture( materialParams, 'sheenRoughnessMap', extension.sheenRoughnessTexture ) );
														
 
															+
														
 
															+		}
														
 
															+
														
 
															+		return Promise.all( pending );
														
 
															+
														
 
															+	}
														
 
															+
														
 
															+}
														
 
															+
														
 
															 /**
														
 
															  * Transmission Materials Extension
														
 
															  *
														
@@ -814,7 +895,7 @@ class GLTFMaterialsVolumeExtension {
 
															 		materialParams.attenuationDistance = extension.attenuationDistance || 0;
														
 
															 		const colorArray = extension.attenuationColor || [ 1, 1, 1 ];
														
 
															-		materialParams.attenuationTint = new Color( colorArray[ 0 ], colorArray[ 1 ], colorArray[ 2 ] );
														
 
															+		materialParams.attenuationColor = new Color( colorArray[ 0 ], colorArray[ 1 ], colorArray[ 2 ] );
														
 
															 		return Promise.all( pending );
														
@@ -917,11 +998,11 @@ class GLTFMaterialsSpecularExtension {
 
															 		}
														
 
															 		const colorArray = extension.specularColorFactor || [ 1, 1, 1 ];
														
 
															-		materialParams.specularTint = new Color( colorArray[ 0 ], colorArray[ 1 ], colorArray[ 2 ] );
														
 
															+		materialParams.specularColor = new Color( colorArray[ 0 ], colorArray[ 1 ], colorArray[ 2 ] );
														
 
															 		if ( extension.specularColorTexture !== undefined ) {
														
 
															-			pending.push( parser.assignTexture( materialParams, 'specularTintMap', extension.specularColorTexture ).then( function ( texture ) {
														
 
															+			pending.push( parser.assignTexture( materialParams, 'specularColorMap', extension.specularColorTexture ).then( function ( texture ) {
														
 
															 				texture.encoding = sRGBEncoding;
														
@@ -1887,34 +1968,6 @@ const ALPHA_MODES = {
 
															 	BLEND: 'BLEND'
														
 
															 };
														
 
															-/* UTILITY FUNCTIONS */
														
 
															-
														
 
															-function resolveURL( url, path ) {
														
 
															-
														
 
															-	// Invalid URL
														
 
															-	if ( typeof url !== 'string' || url === '' ) return '';
														
 
															-
														
 
															-	// Host Relative URL
														
 
															-	if ( /^https?:\/\//i.test( path ) && /^\//.test( url ) ) {
														
 
															-
														
 
															-		path = path.replace( /(^https?:\/\/[^\/]+).*/i, '$1' );
														
 
															-
														
 
															-	}
														
 
															-
														
 
															-	// Absolute URL http://,https://,//
														
 
															-	if ( /^(https?:)?\/\//i.test( url ) ) return url;
														
 
															-
														
 
															-	// Data URI
														
 
															-	if ( /^data:.*,.*$/i.test( url ) ) return url;
														
 
															-
														
 
															-	// Blob URL
														
 
															-	if ( /^blob:.*$/i.test( url ) ) return url;
														
 
															-
														
 
															-	// Relative URL
														
 
															-	return path + url;
														
 
															-
														
 
															-}
														
 
															-
														
 
															 /**
														
 
															  * Specification: https://github.com/KhronosGroup/glTF/blob/master/specification/2.0/README.md#default-material
														
 
															  */
														
@@ -2574,7 +2627,7 @@ class GLTFParser {
 
															 		return new Promise( function ( resolve, reject ) {
														
 
															-			loader.load( resolveURL( bufferDef.uri, options.path ), resolve, undefined, function () {
														
 
															+			loader.load( LoaderUtils.resolveURL( bufferDef.uri, options.path ), resolve, undefined, function () {
														
 
															 				reject( new Error( 'THREE.GLTFLoader: Failed to load buffer "' + bufferDef.uri + '".' ) );
														
@@ -2820,7 +2873,7 @@ class GLTFParser {
 
															 				}
														
 
															-				loader.load( resolveURL( sourceURI, options.path ), onLoad, undefined, reject );
														
 
															+				loader.load( LoaderUtils.resolveURL( sourceURI, options.path ), onLoad, undefined, reject );
														
 
															 			} );
														
--- a/examples/jsm/loaders/KTX2Loader.js
+++ b/examples/jsm/loaders/KTX2Loader.js
@@ -37,6 +37,8 @@ const KTX2TransferSRGB = 2;
 
															 const KTX2_ALPHA_PREMULTIPLIED = 1;
														
 
															 const _taskCache = new WeakMap();
														
 
															+let _activeLoaders = 0;
														
 
															+
														
 
															 class KTX2Loader extends Loader {
														
 
															 	constructor( manager ) {
														
@@ -154,6 +156,21 @@ class KTX2Loader extends Loader {
 
															 				} );
														
 
															+			if ( _activeLoaders > 0 ) {
														
 
															+
														
 
															+				// Each instance loads a transcoder and allocates workers, increasing network and memory cost.
														
 
															+
														
 
															+				console.warn(
														
 
															+
														
 
															+					'THREE.KTX2Loader: Multiple active KTX2 loaders may cause performance issues.'
														
 
															+					+ ' Use a single KTX2Loader instance, or call .dispose() on old instances.'
														
 
															+
														
 
															+				);
														
 
															+
														
 
															+			}
														
 
															+
														
 
															+			_activeLoaders++;
														
 
															+
														
 
															 		}
														
 
															 		return this.transcoderPending;
														
@@ -248,6 +265,8 @@ class KTX2Loader extends Loader {
 
															 		URL.revokeObjectURL( this.workerSourceURL );
														
 
															 		this.workerPool.dispose();
														
 
															+		_activeLoaders--;
														
 
															+
														
 
															 		return this;
														
 
															 	}
														
--- a/examples/jsm/loaders/TDSLoader.js
+++ b/examples/jsm/loaders/TDSLoader.js
@@ -32,7 +32,6 @@ class TDSLoader extends Loader {
 
															 		this.debug = false;
														
 
															 		this.group = null;
														
 
															-		this.position = 0;
														
 
															 		this.materials = [];
														
 
															 		this.meshes = [];
														
@@ -97,7 +96,6 @@ class TDSLoader extends Loader {
 
															 	parse( arraybuffer, path ) {
														
 
															 		this.group = new Group();
														
 
															-		this.position = 0;
														
 
															 		this.materials = [];
														
 
															 		this.meshes = [];
														
@@ -123,31 +121,30 @@ class TDSLoader extends Loader {
 
															 	readFile( arraybuffer, path ) {
														
 
															 		const data = new DataView( arraybuffer );
														
 
															-		const chunk = this.readChunk( data );
														
 
															+		const chunk = new Chunk( data, 0, this.debugMessage );
														
 
															 		if ( chunk.id === MLIBMAGIC || chunk.id === CMAGIC || chunk.id === M3DMAGIC ) {
														
 
															-			let next = this.nextChunk( data, chunk );
														
 
															+			let next = chunk.readChunk();
														
 
															-			while ( next !== 0 ) {
														
 
															+			while ( next ) {
														
 
															-				if ( next === M3D_VERSION ) {
														
 
															+				if ( next.id === M3D_VERSION ) {
														
 
															-					const version = this.readDWord( data );
														
 
															+					const version = next.readDWord();
														
 
															 					this.debugMessage( '3DS file version: ' + version );
														
 
															-				} else if ( next === MDATA ) {
														
 
															+				} else if ( next.id === MDATA ) {
														
 
															-					this.resetPosition( data );
														
 
															-					this.readMeshData( data, path );
														
 
															+					this.readMeshData( next, path );
														
 
															 				} else {
														
 
															-					this.debugMessage( 'Unknown main chunk: ' + next.toString( 16 ) );
														
 
															+					this.debugMessage( 'Unknown main chunk: ' + next.hexId);
														
 
															 				}
														
 
															-				next = this.nextChunk( data, chunk );
														
 
															+				next = chunk.readChunk();
														
 
															 			}
														
@@ -161,46 +158,43 @@ class TDSLoader extends Loader {
 
															 	 * Read mesh data chunk.
														
 
															 	 *
														
 
															 	 * @method readMeshData
														
 
															-	 * @param {Dataview} data Dataview in use.
														
 
															+	 * @param {Chunk} chunk to read mesh from
														
 
															 	 * @param {String} path Path for external resources.
														
 
															 	 */
														
 
															-	readMeshData( data, path ) {
														
 
															+	readMeshData( chunk, path ) {
														
 
															-		const chunk = this.readChunk( data );
														
 
															-		let next = this.nextChunk( data, chunk );
														
 
															+		let next = chunk.readChunk();
														
 
															-		while ( next !== 0 ) {
														
 
															+		while ( next ) {
														
 
															-			if ( next === MESH_VERSION ) {
														
 
															+			if ( next.id === MESH_VERSION ) {
														
 
															-				const version = + this.readDWord( data );
														
 
															+				const version = + next.readDWord();
														
 
															 				this.debugMessage( 'Mesh Version: ' + version );
														
 
															-			} else if ( next === MASTER_SCALE ) {
														
 
															+			} else if ( next.id === MASTER_SCALE ) {
														
 
															-				const scale = this.readFloat( data );
														
 
															+				const scale = next.readFloat();
														
 
															 				this.debugMessage( 'Master scale: ' + scale );
														
 
															 				this.group.scale.set( scale, scale, scale );
														
 
															-			} else if ( next === NAMED_OBJECT ) {
														
 
															+			} else if ( next.id === NAMED_OBJECT ) {
														
 
															 				this.debugMessage( 'Named Object' );
														
 
															-				this.resetPosition( data );
														
 
															-				this.readNamedObject( data );
														
 
															+				this.readNamedObject( next );
														
 
															-			} else if ( next === MAT_ENTRY ) {
														
 
															+			} else if ( next.id === MAT_ENTRY ) {
														
 
															 				this.debugMessage( 'Material' );
														
 
															-				this.resetPosition( data );
														
 
															-				this.readMaterialEntry( data, path );
														
 
															+				this.readMaterialEntry( next, path );
														
 
															 			} else {
														
 
															-				this.debugMessage( 'Unknown MDATA chunk: ' + next.toString( 16 ) );
														
 
															+				this.debugMessage( 'Unknown MDATA chunk: ' + next.hexId );
														
 
															 			}
														
 
															-			next = this.nextChunk( data, chunk );
														
 
															+			next = chunk.readChunk();
														
 
															 		}
														
@@ -210,143 +204,129 @@ class TDSLoader extends Loader {
 
															 	 * Read named object chunk.
														
 
															 	 *
														
 
															 	 * @method readNamedObject
														
 
															-	 * @param {Dataview} data Dataview in use.
														
 
															+	 * @param {Chunk} chunk Chunk in use.
														
 
															 	 */
														
 
															-	readNamedObject( data ) {
														
 
															+	readNamedObject( chunk ) {
														
 
															-		const chunk = this.readChunk( data );
														
 
															-		const name = this.readString( data, 64 );
														
 
															-		chunk.cur = this.position;
														
 
															+		const name = chunk.readString();
														
 
															-		let next = this.nextChunk( data, chunk );
														
 
															-		while ( next !== 0 ) {
														
 
															+		let next = chunk.readChunk();
														
 
															+		while ( next ) {
														
 
															-			if ( next === N_TRI_OBJECT ) {
														
 
															+			if ( next.id === N_TRI_OBJECT ) {
														
 
															-				this.resetPosition( data );
														
 
															-				const mesh = this.readMesh( data );
														
 
															+				const mesh = this.readMesh( next );
														
 
															 				mesh.name = name;
														
 
															 				this.meshes.push( mesh );
														
 
															-
														
 
															 			} else {
														
 
															-
														
 
															-				this.debugMessage( 'Unknown named object chunk: ' + next.toString( 16 ) );
														
 
															+				this.debugMessage( 'Unknown named object chunk: ' + next.hexId );
														
 
															 			}
														
 
															-			next = this.nextChunk( data, chunk );
														
 
															+			next = chunk.readChunk( );
														
 
															 		}
														
 
															-		this.endChunk( chunk );
														
 
															-
														
 
															 	}
														
 
															 	/**
														
 
															 	 * Read material data chunk and add it to the material list.
														
 
															 	 *
														
 
															 	 * @method readMaterialEntry
														
 
															-	 * @param {Dataview} data Dataview in use.
														
 
															+	 * @param {Chunk} chunk Chunk in use.
														
 
															 	 * @param {String} path Path for external resources.
														
 
															 	 */
														
 
															-	readMaterialEntry( data, path ) {
														
 
															+	readMaterialEntry( chunk, path ) {
														
 
															-		const chunk = this.readChunk( data );
														
 
															-		let next = this.nextChunk( data, chunk );
														
 
															-		const material = new MeshPhongMaterial();
														
 
															+		let next = chunk.readChunk();
														
 
															+		let material = new MeshPhongMaterial();
														
 
															-		while ( next !== 0 ) {
														
 
															+		while ( next ) {
														
 
															-			if ( next === MAT_NAME ) {
														
 
															+			if ( next.id === MAT_NAME ) {
														
 
															-				material.name = this.readString( data, 64 );
														
 
															+				material.name = next.readString();
														
 
															 				this.debugMessage( '   Name: ' + material.name );
														
 
															-			} else if ( next === MAT_WIRE ) {
														
 
															+			} else if ( next.id === MAT_WIRE ) {
														
 
															 				this.debugMessage( '   Wireframe' );
														
 
															 				material.wireframe = true;
														
 
															-			} else if ( next === MAT_WIRE_SIZE ) {
														
 
															+			} else if ( next.id === MAT_WIRE_SIZE ) {
														
 
															-				const value = this.readByte( data );
														
 
															+				const value = next.readByte();
														
 
															 				material.wireframeLinewidth = value;
														
 
															 				this.debugMessage( '   Wireframe Thickness: ' + value );
														
 
															-			} else if ( next === MAT_TWO_SIDE ) {
														
 
															+			} else if ( next.id === MAT_TWO_SIDE ) {
														
 
															 				material.side = DoubleSide;
														
 
															 				this.debugMessage( '   DoubleSided' );
														
 
															-			} else if ( next === MAT_ADDITIVE ) {
														
 
															+			} else if ( next.id === MAT_ADDITIVE ) {
														
 
															 				this.debugMessage( '   Additive Blending' );
														
 
															 				material.blending = AdditiveBlending;
														
 
															-			} else if ( next === MAT_DIFFUSE ) {
														
 
															+			} else if ( next.id === MAT_DIFFUSE ) {
														
 
															 				this.debugMessage( '   Diffuse Color' );
														
 
															-				material.color = this.readColor( data );
														
 
															+				material.color = this.readColor( next );
														
 
															-			} else if ( next === MAT_SPECULAR ) {
														
 
															+			} else if ( next.id === MAT_SPECULAR ) {
														
 
															 				this.debugMessage( '   Specular Color' );
														
 
															-				material.specular = this.readColor( data );
														
 
															+				material.specular = this.readColor( next );
														
 
															-			} else if ( next === MAT_AMBIENT ) {
														
 
															+			} else if ( next.id === MAT_AMBIENT ) {
														
 
															 				this.debugMessage( '   Ambient color' );
														
 
															-				material.color = this.readColor( data );
														
 
															+				material.color = this.readColor( next );
														
 
															-			} else if ( next === MAT_SHININESS ) {
														
 
															+			} else if ( next.id === MAT_SHININESS ) {
														
 
															-				const shininess = this.readPercentage( data );
														
 
															+				const shininess = this.readPercentage( next );
														
 
															 				material.shininess = shininess * 100;
														
 
															 				this.debugMessage( '   Shininess : ' + shininess );
														
 
															-			} else if ( next === MAT_TRANSPARENCY ) {
														
 
															+			} else if ( next.id === MAT_TRANSPARENCY ) {
														
 
															-				const transparency = this.readPercentage( data );
														
 
															+				const transparency = this.readPercentage( next );
														
 
															 				material.opacity = 1 - transparency;
														
 
															 				this.debugMessage( '  Transparency : ' + transparency );
														
 
															 				material.transparent = material.opacity < 1 ? true : false;
														
 
															-			} else if ( next === MAT_TEXMAP ) {
														
 
															+			} else if ( next.id === MAT_TEXMAP ) {
														
 
															 				this.debugMessage( '   ColorMap' );
														
 
															-				this.resetPosition( data );
														
 
															-				material.map = this.readMap( data, path );
														
 
															+				material.map = this.readMap( next, path );
														
 
															-			} else if ( next === MAT_BUMPMAP ) {
														
 
															+			} else if ( next.id === MAT_BUMPMAP ) {
														
 
															 				this.debugMessage( '   BumpMap' );
														
 
															-				this.resetPosition( data );
														
 
															-				material.bumpMap = this.readMap( data, path );
														
 
															+				material.bumpMap = this.readMap( next, path );
														
 
															-			} else if ( next === MAT_OPACMAP ) {
														
 
															+			} else if ( next.id === MAT_OPACMAP ) {
														
 
															 				this.debugMessage( '   OpacityMap' );
														
 
															-				this.resetPosition( data );
														
 
															-				material.alphaMap = this.readMap( data, path );
														
 
															+				material.alphaMap = this.readMap( next, path );
														
 
															-			} else if ( next === MAT_SPECMAP ) {
														
 
															+			} else if ( next.id === MAT_SPECMAP ) {
														
 
															 				this.debugMessage( '   SpecularMap' );
														
 
															-				this.resetPosition( data );
														
 
															-				material.specularMap = this.readMap( data, path );
														
 
															+				material.specularMap = this.readMap( next, path );
														
 
															 			} else {
														
 
															-				this.debugMessage( '   Unknown material chunk: ' + next.toString( 16 ) );
														
 
															+				this.debugMessage( '   Unknown material chunk: ' + next.hexId );
														
 
															 			}
														
 
															-			next = this.nextChunk( data, chunk );
														
 
															+			next = chunk.readChunk();
														
 
															 		}
														
 
															-		this.endChunk( chunk );
														
 
															-
														
 
															 		this.materials[ material.name ] = material;
														
 
															 	}
														
@@ -355,13 +335,12 @@ class TDSLoader extends Loader {
 
															 	 * Read mesh data chunk.
														
 
															 	 *
														
 
															 	 * @method readMesh
														
 
															-	 * @param {Dataview} data Dataview in use.
														
 
															+	 * @param {Chunk} chunk Chunk in use.
														
 
															 	 * @return {Mesh} The parsed mesh.
														
 
															 	 */
														
 
															-	readMesh( data ) {
														
 
															+	readMesh( chunk ) {
														
 
															-		const chunk = this.readChunk( data );
														
 
															-		let next = this.nextChunk( data, chunk );
														
 
															+		let next = chunk.readChunk( );
														
 
															 		const geometry = new BufferGeometry();
														
@@ -369,11 +348,11 @@ class TDSLoader extends Loader {
 
															 		const mesh = new Mesh( geometry, material );
														
 
															 		mesh.name = 'mesh';
														
 
															-		while ( next !== 0 ) {
														
 
															+		while ( next ) {
														
 
															-			if ( next === POINT_ARRAY ) {
														
 
															+			if ( next.id === POINT_ARRAY ) {
														
 
															-				const points = this.readWord( data );
														
 
															+				const points = next.readWord( );
														
 
															 				this.debugMessage( '   Vertex: ' + points );
														
@@ -383,22 +362,21 @@ class TDSLoader extends Loader {
 
															 				for ( let i = 0; i < points; i ++ )		{
														
 
															-					vertices.push( this.readFloat( data ) );
														
 
															-					vertices.push( this.readFloat( data ) );
														
 
															-					vertices.push( this.readFloat( data ) );
														
 
															+					vertices.push( next.readFloat( ) );
														
 
															+					vertices.push( next.readFloat( ) );
														
 
															+					vertices.push( next.readFloat( ) );
														
 
															 				}
														
 
															 				geometry.setAttribute( 'position', new Float32BufferAttribute( vertices, 3 ) );
														
 
															-			} else if ( next === FACE_ARRAY ) {
														
 
															+			} else if ( next.id === FACE_ARRAY ) {
														
 
															-				this.resetPosition( data );
														
 
															-				this.readFaceArray( data, mesh );
														
 
															+				this.readFaceArray( next, mesh );
														
 
															-			} else if ( next === TEX_VERTS ) {
														
 
															+			} else if ( next.id === TEX_VERTS ) {
														
 
															-				const texels = this.readWord( data );
														
 
															+				const texels = next.readWord( );
														
 
															 				this.debugMessage( '   UV: ' + texels );
														
@@ -406,24 +384,24 @@ class TDSLoader extends Loader {
 
															 				const uvs = [];
														
 
															-				for ( let i = 0; i < texels; i ++ )		{
														
 
															+				for ( let i = 0; i < texels; i ++ ) {
														
 
															-					uvs.push( this.readFloat( data ) );
														
 
															-					uvs.push( this.readFloat( data ) );
														
 
															+					uvs.push( next.readFloat( ) );
														
 
															+					uvs.push( next.readFloat( ) );
														
 
															 				}
														
 
															 				geometry.setAttribute( 'uv', new Float32BufferAttribute( uvs, 2 ) );
														
 
															-			} else if ( next === MESH_MATRIX ) {
														
 
															+			} else if ( next.id === MESH_MATRIX ) {
														
 
															 				this.debugMessage( '   Tranformation Matrix (TODO)' );
														
 
															 				const values = [];
														
 
															 				for ( let i = 0; i < 12; i ++ ) {
														
 
															-					values[ i ] = this.readFloat( data );
														
 
															+					values[ i ] = next.readFloat( );
														
 
															 				}
														
@@ -463,16 +441,14 @@ class TDSLoader extends Loader {
 
															 			} else {
														
 
															-				this.debugMessage( '   Unknown mesh chunk: ' + next.toString( 16 ) );
														
 
															+				this.debugMessage( '   Unknown mesh chunk: ' + next.hexId );
														
 
															 			}
														
 
															-			next = this.nextChunk( data, chunk );
														
 
															+			next = chunk.readChunk( );
														
 
															 		}
														
 
															-		this.endChunk( chunk );
														
 
															-
														
 
															 		geometry.computeVertexNormals();
														
 
															 		return mesh;
														
@@ -483,13 +459,12 @@ class TDSLoader extends Loader {
 
															 	 * Read face array data chunk.
														
 
															 	 *
														
 
															 	 * @method readFaceArray
														
 
															-	 * @param {Dataview} data Dataview in use.
														
 
															+	 * @param {Chunk} chunk Chunk in use.
														
 
															 	 * @param {Mesh} mesh Mesh to be filled with the data read.
														
 
															 	 */
														
 
															-	readFaceArray( data, mesh ) {
														
 
															+	readFaceArray( chunk, mesh ) {
														
 
															-		const chunk = this.readChunk( data );
														
 
															-		const faces = this.readWord( data );
														
 
															+		const faces = chunk.readWord( );
														
 
															 		this.debugMessage( '   Faces: ' + faces );
														
@@ -497,9 +472,9 @@ class TDSLoader extends Loader {
 
															 		for ( let i = 0; i < faces; ++ i ) {
														
 
															-			index.push( this.readWord( data ), this.readWord( data ), this.readWord( data ) );
														
 
															+			index.push( chunk.readWord( ), chunk.readWord( ), chunk.readWord( ) );
														
 
															-			this.readWord( data ); // visibility
														
 
															+			chunk.readWord( ); // visibility
														
 
															 		}
														
@@ -510,17 +485,15 @@ class TDSLoader extends Loader {
 
															 		let materialIndex = 0;
														
 
															 		let start = 0;
														
 
															-		while ( this.position < chunk.end ) {
														
 
															+		while ( !chunk.endOfChunk ) {
														
 
															-			const subchunk = this.readChunk( data );
														
 
															+			const subchunk = chunk.readChunk( );
														
 
															 			if ( subchunk.id === MSH_MAT_GROUP ) {
														
 
															 				this.debugMessage( '      Material Group' );
														
 
															-				this.resetPosition( data );
														
 
															-
														
 
															-				const group = this.readMaterialGroup( data );
														
 
															+				const group = this.readMaterialGroup( subchunk );
														
 
															 				const count = group.index.length * 3; // assuming successive indices
														
 
															 				mesh.geometry.addGroup( start, count, materialIndex );
														
@@ -540,78 +513,71 @@ class TDSLoader extends Loader {
 
															 			} else {
														
 
															-				this.debugMessage( '      Unknown face array chunk: ' + subchunk.toString( 16 ) );
														
 
															+				this.debugMessage( '      Unknown face array chunk: ' + subchunk.hexId );
														
 
															 			}
														
 
															-			this.endChunk( subchunk );
														
 
															-
														
 
															 		}
														
 
															 		if ( mesh.material.length === 1 ) mesh.material = mesh.material[ 0 ]; // for backwards compatibility
														
 
															-		this.endChunk( chunk );
														
 
															-
														
 
															 	}
														
 
															 	/**
														
 
															 	 * Read texture map data chunk.
														
 
															 	 *
														
 
															 	 * @method readMap
														
 
															-	 * @param {Dataview} data Dataview in use.
														
 
															+	 * @param {Chunk} chunk Chunk in use.
														
 
															 	 * @param {String} path Path for external resources.
														
 
															 	 * @return {Texture} Texture read from this data chunk.
														
 
															 	 */
														
 
															-	readMap( data, path ) {
														
 
															+	readMap( chunk, path ) {
														
 
															-		const chunk = this.readChunk( data );
														
 
															-		let next = this.nextChunk( data, chunk );
														
 
															+		let next = chunk.readChunk( );
														
 
															 		let texture = {};
														
 
															 		const loader = new TextureLoader( this.manager );
														
 
															 		loader.setPath( this.resourcePath || path ).setCrossOrigin( this.crossOrigin );
														
 
															-		while ( next !== 0 ) {
														
 
															+		while ( next ) {
														
 
															-			if ( next === MAT_MAPNAME ) {
														
 
															+			if ( next.id === MAT_MAPNAME ) {
														
 
															-				const name = this.readString( data, 128 );
														
 
															+				const name = next.readString();
														
 
															 				texture = loader.load( name );
														
 
															 				this.debugMessage( '      File: ' + path + name );
														
 
															-			} else if ( next === MAT_MAP_UOFFSET ) {
														
 
															+			} else if ( next.id === MAT_MAP_UOFFSET ) {
														
 
															-				texture.offset.x = this.readFloat( data );
														
 
															+				texture.offset.x = next.readFloat( );
														
 
															 				this.debugMessage( '      OffsetX: ' + texture.offset.x );
														
 
															-			} else if ( next === MAT_MAP_VOFFSET ) {
														
 
															+			} else if ( next.id === MAT_MAP_VOFFSET ) {
														
 
															-				texture.offset.y = this.readFloat( data );
														
 
															+				texture.offset.y = next.readFloat( );
														
 
															 				this.debugMessage( '      OffsetY: ' + texture.offset.y );
														
 
															-			} else if ( next === MAT_MAP_USCALE ) {
														
 
															+			} else if ( next.id === MAT_MAP_USCALE ) {
														
 
															-				texture.repeat.x = this.readFloat( data );
														
 
															+				texture.repeat.x = next.readFloat( );
														
 
															 				this.debugMessage( '      RepeatX: ' + texture.repeat.x );
														
 
															-			} else if ( next === MAT_MAP_VSCALE ) {
														
 
															+			} else if ( next.id === MAT_MAP_VSCALE ) {
														
 
															-				texture.repeat.y = this.readFloat( data );
														
 
															+				texture.repeat.y = next.readFloat( );
														
 
															 				this.debugMessage( '      RepeatY: ' + texture.repeat.y );
														
 
															 			} else {
														
 
															-				this.debugMessage( '      Unknown map chunk: ' + next.toString( 16 ) );
														
 
															+				this.debugMessage( '      Unknown map chunk: ' + next.hexId );
														
 
															 			}
														
 
															-			next = this.nextChunk( data, chunk );
														
 
															+			next = chunk.readChunk( );
														
 
															 		}
														
 
															-		this.endChunk( chunk );
														
 
															-
														
 
															 		return texture;
														
 
															 	}
														
@@ -620,14 +586,13 @@ class TDSLoader extends Loader {
 
															 	 * Read material group data chunk.
														
 
															 	 *
														
 
															 	 * @method readMaterialGroup
														
 
															-	 * @param {Dataview} data Dataview in use.
														
 
															+	 * @param {Chunk} chunk Chunk in use.
														
 
															 	 * @return {Object} Object with name and index of the object.
														
 
															 	 */
														
 
															-	readMaterialGroup( data ) {
														
 
															+	readMaterialGroup( chunk ) {
														
 
															-		this.readChunk( data );
														
 
															-		const name = this.readString( data, 64 );
														
 
															-		const numFaces = this.readWord( data );
														
 
															+		const name = chunk.readString();
														
 
															+		const numFaces = chunk.readWord();
														
 
															 		this.debugMessage( '         Name: ' + name );
														
 
															 		this.debugMessage( '         Faces: ' + numFaces );
														
@@ -635,7 +600,7 @@ class TDSLoader extends Loader {
 
															 		const index = [];
														
 
															 		for ( let i = 0; i < numFaces; ++ i ) {
														
 
															-			index.push( this.readWord( data ) );
														
 
															+			index.push( chunk.readWord( ) );
														
 
															 		}
														
@@ -647,29 +612,29 @@ class TDSLoader extends Loader {
 
															 	 * Read a color value.
														
 
															 	 *
														
 
															 	 * @method readColor
														
 
															-	 * @param {DataView} data Dataview.
														
 
															+	 * @param {Chunk} chunk Chunk.
														
 
															 	 * @return {Color} Color value read..
														
 
															 	 */
														
 
															-	readColor( data ) {
														
 
															+	readColor( chunk ) {
														
 
															-		const chunk = this.readChunk( data );
														
 
															+		const subChunk = chunk.readChunk( );
														
 
															 		const color = new Color();
														
 
															-		if ( chunk.id === COLOR_24 || chunk.id === LIN_COLOR_24 ) {
														
 
															+		if ( subChunk.id === COLOR_24 || subChunk.id === LIN_COLOR_24 ) {
														
 
															-			const r = this.readByte( data );
														
 
															-			const g = this.readByte( data );
														
 
															-			const b = this.readByte( data );
														
 
															+			const r = subChunk.readByte( );
														
 
															+			const g = subChunk.readByte( );
														
 
															+			const b = subChunk.readByte( );
														
 
															 			color.setRGB( r / 255, g / 255, b / 255 );
														
 
															 			this.debugMessage( '      Color: ' + color.r + ', ' + color.g + ', ' + color.b );
														
 
															-		}	else if ( chunk.id === COLOR_F || chunk.id === LIN_COLOR_F ) {
														
 
															+		}	else if ( subChunk.id === COLOR_F || subChunk.id === LIN_COLOR_F ) {
														
 
															-			const r = this.readFloat( data );
														
 
															-			const g = this.readFloat( data );
														
 
															-			const b = this.readFloat( data );
														
 
															+			const r = subChunk.readFloat( );
														
 
															+			const g = subChunk.readFloat( );
														
 
															+			const b = subChunk.readFloat( );
														
 
															 			color.setRGB( r, g, b );
														
@@ -677,101 +642,142 @@ class TDSLoader extends Loader {
 
															 		}	else {
														
 
															-			this.debugMessage( '      Unknown color chunk: ' + chunk.toString( 16 ) );
														
 
															+			this.debugMessage( '      Unknown color chunk: ' + subChunk.hexId );
														
 
															 		}
														
 
															-		this.endChunk( chunk );
														
 
															 		return color;
														
 
															 	}
														
 
															 	/**
														
 
															-	 * Read next chunk of data.
														
 
															+	 * Read percentage value.
														
 
															 	 *
														
 
															-	 * @method readChunk
														
 
															-	 * @param {DataView} data Dataview.
														
 
															-	 * @return {Object} Chunk of data read.
														
 
															+	 * @method readPercentage
														
 
															+	 * @param {Chunk} chunk Chunk to read data from.
														
 
															+	 * @return {Number} Data read from the dataview.
														
 
															 	 */
														
 
															-	readChunk( data ) {
														
 
															+	readPercentage( chunk ) {
														
 
															-		const chunk = {};
														
 
															+		const subChunk = chunk.readChunk( );
														
 
															-		chunk.cur = this.position;
														
 
															-		chunk.id = this.readWord( data );
														
 
															-		chunk.size = this.readDWord( data );
														
 
															-		chunk.end = chunk.cur + chunk.size;
														
 
															-		chunk.cur += 6;
														
 
															+		switch ( subChunk.id ) {
														
 
															-		return chunk;
														
 
															+			case INT_PERCENTAGE:
														
 
															+				return ( subChunk.readShort( ) / 100 );
														
 
															+				break;
														
 
															+
														
 
															+			case FLOAT_PERCENTAGE:
														
 
															+				return subChunk.readFloat( );
														
 
															+				break;
														
 
															+
														
 
															+			default:
														
 
															+				this.debugMessage( '      Unknown percentage chunk: ' + subChunk.hexId );
														
 
															+				return 0;
														
 
															+
														
 
															+		}
														
 
															 	}
														
 
															 	/**
														
 
															-	 * Set position to the end of the current chunk of data.
														
 
															+	 * Print debug message to the console.
														
 
															+	 *
														
 
															+	 * Is controlled by a flag to show or hide debug messages.
														
 
															 	 *
														
 
															-	 * @method endChunk
														
 
															-	 * @param {Object} chunk Data chunk.
														
 
															+	 * @method debugMessage
														
 
															+	 * @param {Object} message Debug message to print to the console.
														
 
															 	 */
														
 
															-	endChunk( chunk ) {
														
 
															+	debugMessage( message ) {
														
 
															-		this.position = chunk.end;
														
 
															+		if ( this.debug ) {
														
 
															+
														
 
															+			console.log( message );
														
 
															+
														
 
															+		}
														
 
															 	}
														
 
															+}
														
 
															+
														
 
															+/** Read data/sub-chunks from chunk */
														
 
															+class Chunk {
														
 
															 	/**
														
 
															-	 * Move to the next data chunk.
														
 
															+	 * Create a new chunk
														
 
															 	 *
														
 
															-	 * @method nextChunk
														
 
															-	 * @param {DataView} data Dataview.
														
 
															-	 * @param {Object} chunk Data chunk.
														
 
															+	 * @class Chunk
														
 
															+	 * @param {DataView} data DataView to read from.
														
 
															+	 * @param {Number} position in data.
														
 
															+	 * @param {Function} debugMessage logging callback.
														
 
															 	 */
														
 
															-	nextChunk( data, chunk ) {
														
 
															-
														
 
															-		if ( chunk.cur >= chunk.end ) {
														
 
															+	constructor(data, position, debugMessage) {
														
 
															+		this.data = data;
														
 
															+		// the offset to the begin of this chunk
														
 
															+		this.offset = position;
														
 
															+		// the current reading position
														
 
															+		this.position = position;
														
 
															+		this.debugMessage = debugMessage;
														
 
															+
														
 
															+		if (this.debugMessage instanceof Function) {
														
 
															+			this.debugMessage = function() {};
														
 
															+		}
														
 
															-			return 0;
														
 
															+		this.id = this.readWord();
														
 
															+		this.size = this.readDWord();
														
 
															+		this.end = this.offset + this.size;
														
 
															+		if (this.end > data.byteLength) {
														
 
															+			this.debugMessage( 'Bad chunk size for chunk at ' + position );
														
 
															 		}
														
 
															+	}
														
 
															-		this.position = chunk.cur;
														
 
															+	/**
														
 
															+	 * read a sub cchunk.
														
 
															+	 *
														
 
															+	 * @method readChunk
														
 
															+	 * @return {Chunk | null} next sub chunk
														
 
															+	 */
														
 
															+	readChunk () {
														
 
															-		try {
														
 
															+		if ( this.endOfChunk ) {
														
 
															+			return null;
														
 
															+		}
														
 
															-			const next = this.readChunk( data );
														
 
															-			chunk.cur += next.size;
														
 
															-			return next.id;
														
 
															+		try {
														
 
															+			let next = new Chunk( this.data, this.position, this.debugMessage );
														
 
															+			this.position += next.size;
														
 
															+			return next;
														
 
															 		}	catch ( e ) {
														
 
															-
														
 
															 			this.debugMessage( 'Unable to read chunk at ' + this.position );
														
 
															-			return 0;
														
 
															+			return null;
														
 
															 		}
														
 
															 	}
														
 
															 	/**
														
 
															-	 * Reset dataview position.
														
 
															+	 * return the ID of this chunk as Hex
														
 
															 	 *
														
 
															-	 * @method resetPosition
														
 
															+	 * @method idToString
														
 
															+	 * @return {String} hex-string of id
														
 
															 	 */
														
 
															-	resetPosition() {
														
 
															-
														
 
															-		this.position -= 6;
														
 
															+	get hexId() {
														
 
															+		return this.id.toString( 16 );
														
 
															+	}
														
 
															+	get endOfChunk() {
														
 
															+		return this.position >= this.end;
														
 
															 	}
														
 
															 	/**
														
 
															 	 * Read byte value.
														
 
															 	 *
														
 
															 	 * @method readByte
														
 
															-	 * @param {DataView} data Dataview to read data from.
														
 
															 	 * @return {Number} Data read from the dataview.
														
 
															 	 */
														
 
															-	readByte( data ) {
														
 
															+	readByte() {
														
 
															-		const v = data.getUint8( this.position, true );
														
 
															+		const v = this.data.getUint8( this.position, true );
														
 
															 		this.position += 1;
														
 
															 		return v;
														
@@ -781,20 +787,20 @@ class TDSLoader extends Loader {
 
															 	 * Read 32 bit float value.
														
 
															 	 *
														
 
															 	 * @method readFloat
														
 
															-	 * @param {DataView} data Dataview to read data from.
														
 
															 	 * @return {Number} Data read from the dataview.
														
 
															 	 */
														
 
															-	readFloat( data ) {
														
 
															+	readFloat() {
														
 
															 		try {
														
 
															-			const v = data.getFloat32( this.position, true );
														
 
															+			const v = this.data.getFloat32( this.position, true );
														
 
															 			this.position += 4;
														
 
															 			return v;
														
 
															 		}	catch ( e ) {
														
 
															-			this.debugMessage( e + ' ' + this.position + ' ' + data.byteLength );
														
 
															+			this.debugMessage( e + ' ' + this.position + ' ' + this.data.byteLength );
														
 
															+			return 0;
														
 
															 		}
														
@@ -804,12 +810,11 @@ class TDSLoader extends Loader {
 
															 	 * Read 32 bit signed integer value.
														
 
															 	 *
														
 
															 	 * @method readInt
														
 
															-	 * @param {DataView} data Dataview to read data from.
														
 
															 	 * @return {Number} Data read from the dataview.
														
 
															 	 */
														
 
															-	readInt( data ) {
														
 
															+	readInt() {
														
 
															-		const v = data.getInt32( this.position, true );
														
 
															+		const v = this.data.getInt32( this.position, true );
														
 
															 		this.position += 4;
														
 
															 		return v;
														
@@ -819,12 +824,11 @@ class TDSLoader extends Loader {
 
															 	 * Read 16 bit signed integer value.
														
 
															 	 *
														
 
															 	 * @method readShort
														
 
															-	 * @param {DataView} data Dataview to read data from.
														
 
															 	 * @return {Number} Data read from the dataview.
														
 
															 	 */
														
 
															-	readShort( data ) {
														
 
															+	readShort() {
														
 
															-		const v = data.getInt16( this.position, true );
														
 
															+		const v = this.data.getInt16( this.position, true );
														
 
															 		this.position += 2;
														
 
															 		return v;
														
@@ -834,12 +838,11 @@ class TDSLoader extends Loader {
 
															 	 * Read 64 bit unsigned integer value.
														
 
															 	 *
														
 
															 	 * @method readDWord
														
 
															-	 * @param {DataView} data Dataview to read data from.
														
 
															 	 * @return {Number} Data read from the dataview.
														
 
															 	 */
														
 
															-	readDWord( data ) {
														
 
															+	readDWord() {
														
 
															-		const v = data.getUint32( this.position, true );
														
 
															+		const v = this.data.getUint32( this.position, true );
														
 
															 		this.position += 4;
														
 
															 		return v;
														
@@ -849,95 +852,32 @@ class TDSLoader extends Loader {
 
															 	 * Read 32 bit unsigned integer value.
														
 
															 	 *
														
 
															 	 * @method readWord
														
 
															-	 * @param {DataView} data Dataview to read data from.
														
 
															 	 * @return {Number} Data read from the dataview.
														
 
															 	 */
														
 
															-	readWord( data ) {
														
 
															+	readWord() {
														
 
															-		const v = data.getUint16( this.position, true );
														
 
															+		const v = this.data.getUint16( this.position, true );
														
 
															 		this.position += 2;
														
 
															 		return v;
														
 
															 	}
														
 
															 	/**
														
 
															-	 * Read string value.
														
 
															+	 * Read NULL terminated ASCII string value from chunk-pos.
														
 
															 	 *
														
 
															 	 * @method readString
														
 
															-	 * @param {DataView} data Dataview to read data from.
														
 
															-	 * @param {Number} maxLength Max size of the string to be read.
														
 
															 	 * @return {String} Data read from the dataview.
														
 
															 	 */
														
 
															-	readString( data, maxLength ) {
														
 
															+	readString() {
														
 
															 		let s = '';
														
 
															-
														
 
															-		for ( let i = 0; i < maxLength; i ++ ) {
														
 
															-
														
 
															-			const c = this.readByte( data );
														
 
															-			if ( ! c ) {
														
 
															-
														
 
															-				break;
														
 
															-
														
 
															-			}
														
 
															-
														
 
															+		let c = this.readByte();
														
 
															+		while ( c ) {
														
 
															 			s += String.fromCharCode( c );
														
 
															-
														
 
															+			c = this.readByte();
														
 
															 		}
														
 
															 		return s;
														
 
															-
														
 
															-	}
														
 
															-
														
 
															-	/**
														
 
															-	 * Read percentage value.
														
 
															-	 *
														
 
															-	 * @method readPercentage
														
 
															-	 * @param {DataView} data Dataview to read data from.
														
 
															-	 * @return {Number} Data read from the dataview.
														
 
															-	 */
														
 
															-	readPercentage( data ) {
														
 
															-
														
 
															-		const chunk = this.readChunk( data );
														
 
															-		let value;
														
 
															-
														
 
															-		switch ( chunk.id ) {
														
 
															-
														
 
															-			case INT_PERCENTAGE:
														
 
															-				value = ( this.readShort( data ) / 100 );
														
 
															-				break;
														
 
															-
														
 
															-			case FLOAT_PERCENTAGE:
														
 
															-				value = this.readFloat( data );
														
 
															-				break;
														
 
															-
														
 
															-			default:
														
 
															-				this.debugMessage( '      Unknown percentage chunk: ' + chunk.toString( 16 ) );
														
 
															-
														
 
															-		}
														
 
															-
														
 
															-		this.endChunk( chunk );
														
 
															-
														
 
															-		return value;
														
 
															-
														
 
															-	}
														
 
															-
														
 
															-	/**
														
 
															-	 * Print debug message to the console.
														
 
															-	 *
														
 
															-	 * Is controlled by a flag to show or hide debug messages.
														
 
															-	 *
														
 
															-	 * @method debugMessage
														
 
															-	 * @param {Object} message Debug message to print to the console.
														
 
															-	 */
														
 
															-	debugMessage( message ) {
														
 
															-
														
 
															-		if ( this.debug ) {
														
 
															-
														
 
															-			console.log( message );
														
 
															-
														
 
															-		}
														
 
															-
														
 
															 	}
														
 
															 }
														
--- a/examples/jsm/nodes/materials/StandardNodeMaterial.js
+++ b/examples/jsm/nodes/materials/StandardNodeMaterial.js
@@ -34,7 +34,7 @@ NodeUtils.addShortcuts( StandardNodeMaterial.prototype, 'fragment', [
 
															 	'environment',
														
 
															 	'mask',
														
 
															 	'position',
														
 
															-	'sheenTint'
														
 
															+	'sheenColor'
														
 
															 ] );
														
 
															 export { StandardNodeMaterial };
														
--- a/examples/jsm/nodes/materials/nodes/StandardNode.js
+++ b/examples/jsm/nodes/materials/nodes/StandardNode.js
@@ -185,7 +185,7 @@ class StandardNode extends Node {
 
															 			}
														
 
															-			if ( this.sheenTint ) this.sheenTint.analyze( builder );
														
 
															+			if ( this.sheenColor ) this.sheenColor.analyze( builder );
														
 
															 			// build code
														
@@ -230,7 +230,7 @@ class StandardNode extends Node {
 
															 			const clearcoatEnv = useClearcoat && environment ? this.environment.flow( builder, 'c', { cache: 'clearcoat', context: contextClearcoatEnvironment, slot: 'environment' } ) : undefined;
														
 
															-			const sheenTint = this.sheenTint ? this.sheenTint.flow( builder, 'c' ) : undefined;
														
 
															+			const sheenColor = this.sheenColor ? this.sheenColor.flow( builder, 'c' ) : undefined;
														
 
															 			builder.requires.transparent = alpha !== undefined;
														
@@ -368,9 +368,9 @@ class StandardNode extends Node {
 
															 			}
														
 
															-			if ( sheenTint ) {
														
 
															+			if ( sheenColor ) {
														
 
															-				output.push( 'material.sheenTint = ' + sheenTint.result + ';' );
														
 
															+				output.push( 'material.sheenColor = ' + sheenColor.result + ';' );
														
 
															 			}
														
@@ -547,7 +547,7 @@ class StandardNode extends Node {
 
															 		if ( source.environment ) this.environment = source.environment;
														
 
															-		if ( source.sheenTint ) this.sheenTint = source.sheenTint;
														
 
															+		if ( source.sheenColor ) this.sheenColor = source.sheenColor;
														
 
															 		return this;
														
@@ -593,7 +593,7 @@ class StandardNode extends Node {
 
															 			if ( this.environment ) data.environment = this.environment.toJSON( meta ).uuid;
														
 
															-			if ( this.sheenTint ) data.sheenTint = this.sheenTint.toJSON( meta ).uuid;
														
 
															+			if ( this.sheenColor ) data.sheenColor = this.sheenColor.toJSON( meta ).uuid;
														
 
															 		}
														
--- a/examples/jsm/objects/MarchingCubes.js
+++ b/examples/jsm/objects/MarchingCubes.js
@@ -2,19 +2,21 @@ import {
 
															 	BufferAttribute,
														
 
															 	BufferGeometry,
														
 
															 	Color,
														
 
															-	ImmediateRenderObject,
														
 
															-	NoColors
														
 
															+	DynamicDrawUsage,
														
 
															+	Mesh
														
 
															 } from '../../../build/three.module.js';
														
 
															 /**
														
 
															  * Port of http://webglsamples.org/blob/blob.html
														
 
															  */
														
 
															-class MarchingCubes extends ImmediateRenderObject {
														
 
															+class MarchingCubes extends Mesh {
														
 
															-	constructor( resolution, material, enableUvs, enableColors ) {
														
 
															+	constructor( resolution, material, enableUvs = false, enableColors = false, maxPolyCount = 10000 ) {
														
 
															-		super( material );
														
 
															+		const geometry = new BufferGeometry();
														
 
															+
														
 
															+		super( geometry, material );
														
 
															 		const scope = this;
														
@@ -24,8 +26,8 @@ class MarchingCubes extends ImmediateRenderObject {
 
															 		const nlist = new Float32Array( 12 * 3 );
														
 
															 		const clist = new Float32Array( 12 * 3 );
														
 
															-		this.enableUvs = enableUvs !== undefined ? enableUvs : false;
														
 
															-		this.enableColors = enableColors !== undefined ? enableColors : false;
														
 
															+		this.enableUvs = enableUvs;
														
 
															+		this.enableColors = enableColors;
														
 
															 		// functions have to be object properties
														
 
															 		// prototype functions kill performance
														
@@ -56,28 +58,37 @@ class MarchingCubes extends ImmediateRenderObject {
 
															 			this.normal_cache = new Float32Array( this.size3 * 3 );
														
 
															 			this.palette = new Float32Array( this.size3 * 3 );
														
 
															-			// immediate render mode simulator
														
 
															+			//
														
 
															-			this.maxCount = 4096; // TODO: find the fastest size for this buffer
														
 
															 			this.count = 0;
														
 
															-			this.hasPositions = false;
														
 
															-			this.hasNormals = false;
														
 
															-			this.hasColors = false;
														
 
															-			this.hasUvs = false;
														
 
															+			const maxVertexCount = maxPolyCount * 3;
														
 
															+
														
 
															+			this.positionArray = new Float32Array( maxVertexCount * 3 );
														
 
															+			const positionAttribute = new BufferAttribute( this.positionArray, 3 );
														
 
															+			positionAttribute.setUsage( DynamicDrawUsage );
														
 
															+			geometry.setAttribute( 'position', positionAttribute );
														
 
															-			this.positionArray = new Float32Array( this.maxCount * 3 );
														
 
															-			this.normalArray = new Float32Array( this.maxCount * 3 );
														
 
															+			this.normalArray = new Float32Array( maxVertexCount * 3 );
														
 
															+			const normalAttribute = new BufferAttribute( this.normalArray, 3 );
														
 
															+			normalAttribute.setUsage( DynamicDrawUsage );
														
 
															+			geometry.setAttribute( 'normal', normalAttribute );
														
 
															 			if ( this.enableUvs ) {
														
 
															-				this.uvArray = new Float32Array( this.maxCount * 2 );
														
 
															+				this.uvArray = new Float32Array( maxVertexCount * 2 );
														
 
															+				const uvAttribute = new BufferAttribute( this.uvArray, 2 );
														
 
															+				uvAttribute.setUsage( DynamicDrawUsage );
														
 
															+				geometry.setAttribute( 'uv', uvAttribute );
														
 
															 			}
														
 
															 			if ( this.enableColors ) {
														
 
															-				this.colorArray = new Float32Array( this.maxCount * 3 );
														
 
															+				this.colorArray = new Float32Array( maxVertexCount * 3 );
														
 
															+				const colorAttribute = new BufferAttribute( this.colorArray, 3 );
														
 
															+				colorAttribute.setUsage( DynamicDrawUsage );
														
 
															+				geometry.setAttribute( 'color', colorAttribute );
														
 
															 			}
														
@@ -173,7 +184,7 @@ class MarchingCubes extends ImmediateRenderObject {
 
															 		// Returns total number of triangles. Fills triangles.
														
 
															 		// (this is where most of time is spent - it's inner work of O(n3) loop )
														
 
															-		function polygonize( fx, fy, fz, q, isol, renderCallback ) {
														
 
															+		function polygonize( fx, fy, fz, q, isol ) {
														
 
															 			// cache indices
														
 
															 			const q1 = q + 1,
														
@@ -369,8 +380,7 @@ class MarchingCubes extends ImmediateRenderObject {
 
															 					clist,
														
 
															 					3 * triTable[ o1 ],
														
 
															 					3 * triTable[ o2 ],
														
 
															-					3 * triTable[ o3 ],
														
 
															-					renderCallback
														
 
															+					3 * triTable[ o3 ]
														
 
															 				);
														
 
															 				i += 3;
														
@@ -382,11 +392,7 @@ class MarchingCubes extends ImmediateRenderObject {
 
															 		}
														
 
															-		/////////////////////////////////////
														
 
															-		// Immediate render mode simulator
														
 
															-		/////////////////////////////////////
														
 
															-
														
 
															-		function posnormtriv( pos, norm, colors, o1, o2, o3, renderCallback ) {
														
 
															+		function posnormtriv( pos, norm, colors, o1, o2, o3 ) {
														
 
															 			const c = scope.count * 3;
														
@@ -477,69 +483,8 @@ class MarchingCubes extends ImmediateRenderObject {
 
															 			scope.count += 3;
														
 
															-			if ( scope.count >= scope.maxCount - 3 ) {
														
 
															-
														
 
															-				scope.hasPositions = true;
														
 
															-				scope.hasNormals = true;
														
 
															-
														
 
															-				if ( scope.enableUvs ) {
														
 
															-
														
 
															-					scope.hasUvs = true;
														
 
															-
														
 
															-				}
														
 
															-
														
 
															-				if ( scope.enableColors ) {
														
 
															-
														
 
															-					scope.hasColors = true;
														
 
															-
														
 
															-				}
														
 
															-
														
 
															-				renderCallback( scope );
														
 
															-
														
 
															-			}
														
 
															-
														
 
															 		}
														
 
															-		this.begin = function () {
														
 
															-
														
 
															-			this.count = 0;
														
 
															-
														
 
															-			this.hasPositions = false;
														
 
															-			this.hasNormals = false;
														
 
															-			this.hasUvs = false;
														
 
															-			this.hasColors = false;
														
 
															-
														
 
															-		};
														
 
															-
														
 
															-		this.end = function ( renderCallback ) {
														
 
															-
														
 
															-			if ( this.count === 0 ) return;
														
 
															-
														
 
															-			for ( let i = this.count * 3; i < this.positionArray.length; i ++ ) {
														
 
															-
														
 
															-				this.positionArray[ i ] = 0.0;
														
 
															-
														
 
															-			}
														
 
															-
														
 
															-			this.hasPositions = true;
														
 
															-			this.hasNormals = true;
														
 
															-
														
 
															-			if ( this.enableUvs && this.material.map ) {
														
 
															-
														
 
															-				this.hasUvs = true;
														
 
															-
														
 
															-			}
														
 
															-
														
 
															-			if ( this.enableColors && this.material.vertexColors !== NoColors ) {
														
 
															-
														
 
															-				this.hasColors = true;
														
 
															-
														
 
															-			}
														
 
															-
														
 
															-			renderCallback( this );
														
 
															-
														
 
															-		};
														
 
															-
														
 
															 		/////////////////////////////////////
														
 
															 		// Metaballs
														
 
															 		/////////////////////////////////////
														
@@ -867,9 +812,9 @@ class MarchingCubes extends ImmediateRenderObject {
 
															 		};
														
 
															-		this.render = function ( renderCallback ) {
														
 
															+		this.onBeforeRender = function () {
														
 
															-			this.begin();
														
 
															+			this.count = 0;
														
 
															 			// Triangulate. Yeah, this is slow.
														
@@ -890,7 +835,7 @@ class MarchingCubes extends ImmediateRenderObject {
 
															 						const fx = ( x - this.halfsize ) / this.halfsize; //+ 1
														
 
															 						const q = y_offset + x;
														
 
															-						polygonize( fx, fy, fz, q, this.isolation, renderCallback );
														
 
															+						 polygonize( fx, fy, fz, q, this.isolation );
														
 
															 					}
														
@@ -898,76 +843,25 @@ class MarchingCubes extends ImmediateRenderObject {
 
															 			}
														
 
															-			this.end( renderCallback );
														
 
															+			// reset unneeded data
														
 
															-		};
														
 
															+			for ( let i = this.count * 3; i < this.positionArray.length; i ++ ) {
														
 
															-		this.generateGeometry = function () {
														
 
															+				this.positionArray[ i ] = 0.0;
														
 
															-			console.warn(
														
 
															-				'THREE.MarchingCubes: generateGeometry() now returns BufferGeometry'
														
 
															-			);
														
 
															-			return this.generateBufferGeometry();
														
 
															+			}
														
 
															-		};
														
 
															+			// update geometry data
														
 
															-		function concatenate( a, b, length ) {
														
 
															+			geometry.getAttribute( 'position' ).needsUpdate = true;
														
 
															+			geometry.getAttribute( 'normal' ).needsUpdate = true;
														
 
															-			const result = new Float32Array( a.length + length );
														
 
															-			result.set( a, 0 );
														
 
															-			result.set( b.slice( 0, length ), a.length );
														
 
															-			return result;
														
 
															+			if ( this.enableUvs ) geometry.getAttribute( 'uv' ).needsUpdate = true;
														
 
															+			if ( this.enableColors ) geometry.getAttribute( 'color' ).needsUpdate = true;
														
 
															-		}
														
 
															+			// safety check
														
 
															-		this.generateBufferGeometry = function () {
														
 
															-
														
 
															-			const geo = new BufferGeometry();
														
 
															-			let posArray = new Float32Array();
														
 
															-			let normArray = new Float32Array();
														
 
															-			let colorArray = new Float32Array();
														
 
															-			let uvArray = new Float32Array();
														
 
															-			const scope = this;
														
 
															-
														
 
															-			const geo_callback = function ( object ) {
														
 
															-
														
 
															-				if ( scope.hasPositions )
														
 
															-					posArray = concatenate(
														
 
															-						posArray,
														
 
															-						object.positionArray,
														
 
															-						object.count * 3
														
 
															-					);
														
 
															-				if ( scope.hasNormals )
														
 
															-					normArray = concatenate(
														
 
															-						normArray,
														
 
															-						object.normalArray,
														
 
															-						object.count * 3
														
 
															-					);
														
 
															-				if ( scope.hasColors )
														
 
															-					colorArray = concatenate(
														
 
															-						colorArray,
														
 
															-						object.colorArray,
														
 
															-						object.count * 3
														
 
															-					);
														
 
															-				if ( scope.hasUvs )
														
 
															-					uvArray = concatenate( uvArray, object.uvArray, object.count * 2 );
														
 
															-
														
 
															-				object.count = 0;
														
 
															-
														
 
															-			};
														
 
															-
														
 
															-			this.render( geo_callback );
														
 
															-
														
 
															-			if ( this.hasPositions )
														
 
															-				geo.setAttribute( 'position', new BufferAttribute( posArray, 3 ) );
														
 
															-			if ( this.hasNormals )
														
 
															-				geo.setAttribute( 'normal', new BufferAttribute( normArray, 3 ) );
														
 
															-			if ( this.hasColors )
														
 
															-				geo.setAttribute( 'color', new BufferAttribute( colorArray, 3 ) );
														
 
															-			if ( this.hasUvs )
														
 
															-				geo.setAttribute( 'uv', new BufferAttribute( uvArray, 2 ) );
														
 
															-
														
 
															-			return geo;
														
 
															+			if ( this.count / 3 > maxPolyCount ) console.warn( 'THREE.MarchingCubes: Geometry buffers too small for rendering. Please create an instance with a higher poly count.' );
														
 
															 		};
														
@@ -984,7 +878,7 @@ MarchingCubes.prototype.isMarchingCubes = true;
 
															 /////////////////////////////////////
														
 
															 // These tables are straight from Paul Bourke's page:
														
 
															-// http://local.wasp.uwa.edu.au/~pbourke/geometry/polygonise/
														
 
															+// http://paulbourke.net/geometry/polygonise/
														
 
															 // who in turn got them from Cory Gene Bloyd.
														
 
															 const edgeTable = new Int32Array( [
														
--- a/examples/jsm/renderers/CSS2DRenderer.js
+++ b/examples/jsm/renderers/CSS2DRenderer.js
@@ -6,11 +6,11 @@ import {
 
															 class CSS2DObject extends Object3D {
														
 
															- 	constructor( element ) {
														
 
															+	constructor( element = document.createElement( 'div' ) ) {
														
 
															 		super();
														
 
															-		this.element = element || document.createElement( 'div' );
														
 
															+		this.element = element;
														
 
															 		this.element.style.position = 'absolute';
														
 
															 		this.element.style.userSelect = 'none';
														
@@ -57,7 +57,7 @@ const _b = new Vector3();
 
															 class CSS2DRenderer {
														
 
															-	constructor() {
														
 
															+	constructor( parameters = {} ) {
														
 
															 		const _this = this;
														
@@ -68,7 +68,8 @@ class CSS2DRenderer {
 
															 			objects: new WeakMap()
														
 
															 		};
														
 
															-		const domElement = document.createElement( 'div' );
														
 
															+		const domElement = parameters.element !== undefined ? parameters.element : document.createElement( 'div' );
														
 
															+
														
 
															 		domElement.style.overflow = 'hidden';
														
 
															 		this.domElement = domElement;
														
--- a/examples/jsm/renderers/CSS3DRenderer.js
+++ b/examples/jsm/renderers/CSS3DRenderer.js
@@ -15,11 +15,11 @@ const _scale = new Vector3();
 
															 class CSS3DObject extends Object3D {
														
 
															-	constructor( element ) {
														
 
															+	constructor( element = document.createElement( 'div' ) ) {
														
 
															 		super();
														
 
															-		this.element = element || document.createElement( 'div' );
														
 
															+		this.element = element;
														
 
															 		this.element.style.position = 'absolute';
														
 
															 		this.element.style.pointerEvents = 'auto';
														
 
															 		this.element.style.userSelect = 'none';
														
@@ -87,7 +87,7 @@ const _matrix2 = new Matrix4();
 
															 class CSS3DRenderer {
														
 
															-	constructor() {
														
 
															+	constructor( parameters = {} ) {
														
 
															 		const _this = this;
														
@@ -99,7 +99,8 @@ class CSS3DRenderer {
 
															 			objects: new WeakMap()
														
 
															 		};
														
 
															-		const domElement = document.createElement( 'div' );
														
 
															+		const domElement = parameters.element !== undefined ? parameters.element : document.createElement( 'div' );
														
 
															+
														
 
															 		domElement.style.overflow = 'hidden';
														
 
															 		this.domElement = domElement;
														
--- a/examples/jsm/renderers/nodes/Nodes.js
+++ b/examples/jsm/renderers/nodes/Nodes.js
@@ -1,8 +1,8 @@
 
															 // core
														
 
															 import ArrayInputNode from './core/ArrayInputNode.js';
														
 
															 import AttributeNode from './core/AttributeNode.js';
														
 
															+import BypassNode from './core/BypassNode.js';
														
 
															 import CodeNode from './core/CodeNode.js';
														
 
															-import ConstNode from './core/ConstNode.js';
														
 
															 import ContextNode from './core/ContextNode.js';
														
 
															 import ExpressionNode from './core/ExpressionNode.js';
														
 
															 import FunctionCallNode from './core/FunctionCallNode.js';
														
@@ -15,13 +15,10 @@ import NodeCode from './core/NodeCode.js';
 
															 import NodeFrame from './core/NodeFrame.js';
														
 
															 import NodeFunctionInput from './core/NodeFunctionInput.js';
														
 
															 import NodeKeywords from './core/NodeKeywords.js';
														
 
															-import NodeSlot from './core/NodeSlot.js';
														
 
															 import NodeUniform from './core/NodeUniform.js';
														
 
															 import NodeVar from './core/NodeVar.js';
														
 
															 import NodeVary from './core/NodeVary.js';
														
 
															 import PropertyNode from './core/PropertyNode.js';
														
 
															-import StructNode from './core/StructNode.js';
														
 
															-import StructVarNode from './core/StructVarNode.js';
														
 
															 import TempNode from './core/TempNode.js';
														
 
															 import VarNode from './core/VarNode.js';
														
 
															 import VaryNode from './core/VaryNode.js';
														
@@ -37,11 +34,13 @@ import Object3DNode from './accessors/Object3DNode.js';
 
															 import PointUVNode from './accessors/PointUVNode.js';
														
 
															 import PositionNode from './accessors/PositionNode.js';
														
 
															 import ReferenceNode from './accessors/ReferenceNode.js';
														
 
															+import SkinningNode from './accessors/SkinningNode.js';
														
 
															 import UVNode from './accessors/UVNode.js';
														
 
															 // inputs
														
 
															 import ColorNode from './inputs/ColorNode.js';
														
 
															 import FloatNode from './inputs/FloatNode.js';
														
 
															+import IntNode from './inputs/IntNode.js';
														
 
															 import Matrix3Node from './inputs/Matrix3Node.js';
														
 
															 import Matrix4Node from './inputs/Matrix3Node.js';
														
 
															 import TextureNode from './inputs/TextureNode.js';
														
@@ -63,6 +62,7 @@ import LightNode from './lights/LightNode.js';
 
															 import LightsNode from './lights/LightsNode.js';
														
 
															 // utils
														
 
															+import ArrayElementNode from './utils/ArrayElementNode.js';
														
 
															 import JoinNode from './utils/JoinNode.js';
														
 
															 import SplitNode from './utils/SplitNode.js';
														
 
															 import SpriteSheetUVNode from './utils/SpriteSheetUVNode.js';
														
@@ -76,21 +76,19 @@ export * from './core/constants.js';
 
															 // functions
														
 
															 export * from './functions/BSDFs.js';
														
 
															-export * from './functions/EncodingFunctions.js';
														
 
															-export * from './functions/MathFunctions.js';
														
 
															-
														
 
															-// consts
														
 
															-export * from './consts/MathConsts.js';
														
 
															 // materials
														
 
															 export * from './materials/Materials.js';
														
 
															+// shader node
														
 
															+export * from './ShaderNode.js';
														
 
															+
														
 
															 export {
														
 
															 	// core
														
 
															 	ArrayInputNode,
														
 
															 	AttributeNode,
														
 
															+	BypassNode,
														
 
															 	CodeNode,
														
 
															-	ConstNode,
														
 
															 	ContextNode,
														
 
															 	ExpressionNode,
														
 
															 	FunctionCallNode,
														
@@ -103,13 +101,10 @@ export {
 
															 	NodeFrame,
														
 
															 	NodeFunctionInput,
														
 
															 	NodeKeywords,
														
 
															-	NodeSlot,
														
 
															 	NodeUniform,
														
 
															 	NodeVar,
														
 
															 	NodeVary,
														
 
															 	PropertyNode,
														
 
															-	StructNode,
														
 
															-	StructVarNode,
														
 
															 	TempNode,
														
 
															 	VarNode,
														
 
															 	VaryNode,
														
@@ -125,11 +120,13 @@ export {
 
															 	PointUVNode,
														
 
															 	PositionNode,
														
 
															 	ReferenceNode,
														
 
															+	SkinningNode,
														
 
															 	UVNode,
														
 
															 	// inputs
														
 
															 	ColorNode,
														
 
															 	FloatNode,
														
 
															+	IntNode,
														
 
															 	Matrix3Node,
														
 
															 	Matrix4Node,
														
 
															 	TextureNode,
														
@@ -151,6 +148,7 @@ export {
 
															 	LightsNode,
														
 
															 	// utils
														
 
															+	ArrayElementNode,
														
 
															 	JoinNode,
														
 
															 	SplitNode,
														
 
															 	SpriteSheetUVNode,
														
--- a/examples/jsm/renderers/nodes/ShaderNode.js
+++ b/examples/jsm/renderers/nodes/ShaderNode.js
@@ -1,3 +1,7 @@
 
															+// core
														
 
															+import PropertyNode from './core/PropertyNode.js';
														
 
															+import VarNode from './core/VarNode.js';
														
 
															+
														
 
															 // inputs
														
 
															 import ColorNode from './inputs/ColorNode.js';
														
 
															 import FloatNode from './inputs/FloatNode.js';
														
@@ -5,11 +9,17 @@ import Vector2Node from './inputs/Vector2Node.js';
 
															 import Vector3Node from './inputs/Vector3Node.js';
														
 
															 import Vector4Node from './inputs/Vector4Node.js';
														
 
															+// accessors
														
 
															+import PositionNode from './accessors/PositionNode.js';
														
 
															+import NormalNode from './accessors/NormalNode.js';
														
 
															+
														
 
															 // math
														
 
															-import MathNode from './math/MathNode.js';
														
 
															 import OperatorNode from './math/OperatorNode.js';
														
 
															+import CondNode from './math/CondNode.js';
														
 
															+import MathNode from './math/MathNode.js';
														
 
															 // utils
														
 
															+import ArrayElementNode from './utils/ArrayElementNode.js';
														
 
															 import JoinNode from './utils/JoinNode.js';
														
 
															 import SplitNode from './utils/SplitNode.js';
														
@@ -18,17 +28,35 @@ import { Vector2, Vector3, Vector4, Color } from 'three';
 
															 const NodeHandler = {
														
 
															-	get: function ( node, prop ) {
														
 
															+	construct( NodeClosure, params ) {
														
 
															+
														
 
															+		const inputs = params.shift();
														
 
															-		// Split Properties Pass
														
 
															+		return NodeClosure( ShaderNodeObjects( inputs ), ...params );
														
 
															+
														
 
															+	},
														
 
															+
														
 
															+	get: function ( node, prop ) {
														
 
															 		if ( typeof prop === 'string' && node[ prop ] === undefined ) {
														
 
															-			const splitProps = prop.match( /^[xyzw]{1,4}$/ );
														
 
															+			if ( /^[xyzwrgbastpq]{1,4}$/.test( prop ) === true ) {
														
 
															+
														
 
															+				// accessing properties ( swizzle )
														
 
															+
														
 
															+				prop = prop
														
 
															+					.replace( /r|s/g, 'x' )
														
 
															+					.replace( /g|t/g, 'y' )
														
 
															+					.replace( /b|p/g, 'z' )
														
 
															+					.replace( /a|q/g, 'w' );
														
 
															+
														
 
															+				return ShaderNodeObject( new SplitNode( node, prop ) );
														
 
															-			if ( splitProps !== null ) {
														
 
															+			} else if ( /^\d+$/.test( prop ) === true ) {
														
 
															-				return ShaderNodeObject( new SplitNode( node, splitProps[ 0 ] ) );
														
 
															+				// accessing array
														
 
															+
														
 
															+				return ShaderNodeObject( new ArrayElementNode( node, new FloatNode( Number( prop ) ).setConst( true ) ) );
														
 
															 			}
														
@@ -40,7 +68,7 @@ const NodeHandler = {
 
															 };
														
 
															-export const ShaderNodeObject = ( obj ) => {
														
 
															+const ShaderNodeObject = ( obj ) => {
														
 
															 	const type = typeof obj;
														
@@ -70,7 +98,19 @@ export const ShaderNodeObject = ( obj ) => {
 
															 };
														
 
															-export const ShaderNodeArray = ( array ) => {
														
 
															+const ShaderNodeObjects = ( objects ) => {
														
 
															+
														
 
															+	for ( const name in objects ) {
														
 
															+
														
 
															+		objects[ name ] = ShaderNodeObject( objects[ name ] );
														
 
															+
														
 
															+	}
														
 
															+
														
 
															+	return objects;
														
 
															+
														
 
															+};
														
 
															+
														
 
															+const ShaderNodeArray = ( array ) => {
														
 
															 	const len = array.length;
														
@@ -84,29 +124,57 @@ export const ShaderNodeArray = ( array ) => {
 
															 };
														
 
															-export const ShaderNodeScript = ( jsFunc ) => {
														
 
															+const ShaderNodeProxy = ( NodeClass, scope = null, factor = null ) => {
														
 
															-	return ( ...params ) => {
														
 
															+	if ( scope === null ) {
														
 
															-		ShaderNodeArray( params );
														
 
															+		return ( ...params ) => {
														
 
															-		return ShaderNodeObject( jsFunc( ...params ) );
														
 
															+			return ShaderNodeObject( new NodeClass( ...ShaderNodeArray( params ) ) );
														
 
															-	};
														
 
															+		};
														
 
															+
														
 
															+	} else if ( factor === null ) {
														
 
															+
														
 
															+		return ( ...params ) => {
														
 
															+
														
 
															+			return ShaderNodeObject( new NodeClass( scope, ...ShaderNodeArray( params ) ) );
														
 
															+
														
 
															+		};
														
 
															+
														
 
															+	} else {
														
 
															+
														
 
															+		factor = ShaderNodeObject( factor );
														
 
															+
														
 
															+		return ( ...params ) => {
														
 
															+
														
 
															+			return ShaderNodeObject( new NodeClass( scope, ...ShaderNodeArray( params ), factor ) );
														
 
															+
														
 
															+		};
														
 
															+
														
 
															+	}
														
 
															 };
														
 
															-export const ShaderNode = ( obj ) => {
														
 
															+const ShaderNodeScript = function ( jsFunc ) {
														
 
															+
														
 
															+	return ( inputs, builder ) => {
														
 
															+
														
 
															+		ShaderNodeObjects( inputs );
														
 
															-	return ShaderNodeScript( obj );
														
 
															+		return ShaderNodeObject( jsFunc( inputs, builder ) );
														
 
															+
														
 
															+	};
														
 
															 };
														
 
															+export const ShaderNode = new Proxy( ShaderNodeScript, NodeHandler );
														
 
															+
														
 
															 //
														
 
															 // Node Material Shader Syntax
														
 
															 //
														
 
															-export const uniform = ShaderNodeScript( ( inputNode ) => {
														
 
															+export const uniform = new ShaderNode( ( inputNode ) => {
														
 
															 	inputNode.setConst( false );
														
@@ -132,62 +200,111 @@ export const join = ( ...params ) => {
 
															 };
														
 
															-export const vec2 = ( ...params ) => {
														
 
															+export const cond = ( ...params ) => {
														
 
															-	return ShaderNodeObject( new Vector2Node( new Vector2( ...params ) ).setConst( true ) );
														
 
															+	return ShaderNodeObject( new CondNode( ...ShaderNodeArray( params ) ) );
														
 
															 };
														
 
															-export const vec3 = ( ...params ) => {
														
 
															-
														
 
															-	return ShaderNodeObject( new Vector3Node( new Vector3( ...params ) ).setConst( true ) );
														
 
															-
														
 
															-};
														
 
															+export const vec2 = ( ...params ) => {
														
 
															-export const vec4 = ( ...params ) => {
														
 
															+	// Providing one scalar value: This value is used for all components
														
 
															-	return ShaderNodeObject( new Vector4Node( new Vector4( ...params ) ).setConst( true ) );
														
 
															+	if ( params.length === 1 ) {
														
 
															-};
														
 
															+		params[ 1 ] = params[ 0 ];
														
 
															-export const add = ( ...params ) => {
														
 
															+	}
														
 
															-	return ShaderNodeObject( new OperatorNode( '+', ...ShaderNodeArray( params ) ) );
														
 
															+	return ShaderNodeObject( new Vector2Node( new Vector2( ...params ) ).setConst( true ) );
														
 
															 };
														
 
															-export const sub = ( ...params ) => {
														
 
															-
														
 
															-	return new OperatorNode( '-', ...ShaderNodeArray( params ) );
														
 
															-
														
 
															-};
														
 
															+export const vec3 = ( ...params ) => {
														
 
															-export const mul = ( ...params ) => {
														
 
															+	// Providing one scalar value: This value is used for all components
														
 
															-	return ShaderNodeObject( new OperatorNode( '*', ...ShaderNodeArray( params ) ) );
														
 
															+	if ( params.length === 1 ) {
														
 
															-};
														
 
															+		params[ 1 ] = params[ 2 ] = params[ 0 ];
														
 
															-export const div = ( ...params ) => {
														
 
															+	}
														
 
															-	return ShaderNodeObject( new OperatorNode( '/', ...ShaderNodeArray( params ) ) );
														
 
															+	return ShaderNodeObject( new Vector3Node( new Vector3( ...params ) ).setConst( true ) );
														
 
															 };
														
 
															-export const floor = ( ...params ) => {
														
 
															+export const vec4 = ( ...params ) => {
														
 
															+
														
 
															+	// Providing one scalar value: This value is used for all components
														
 
															-	return ShaderNodeObject( new MathNode( 'floor', ...ShaderNodeArray( params ) ) );
														
 
															+	if ( params.length === 1 ) {
														
 
															-};
														
 
															+		params[ 1 ] = params[ 2 ] = params[ 3 ] = params[ 0 ];
														
 
															-export const mod = ( ...params ) => {
														
 
															+	}
														
 
															-	return ShaderNodeObject( new MathNode( 'mod', ...ShaderNodeArray( params ) ) );
														
 
															+	return ShaderNodeObject( new Vector4Node( new Vector4( ...params ) ).setConst( true ) );
														
 
															 };
														
 
															-export const sign = ( ...params ) => {
														
 
															+export const addTo = ( varNode, ...params ) => {
														
 
															-	return ShaderNodeObject( new MathNode( 'sign', ...ShaderNodeArray( params ) ) );
														
 
															+	varNode.node = add( varNode.node, ...ShaderNodeArray( params ) );
														
 
															+
														
 
															+	return ShaderNodeObject( varNode );
														
 
															 };
														
 
															+
														
 
															+export const add = ShaderNodeProxy( OperatorNode, '+' );
														
 
															+export const sub = ShaderNodeProxy( OperatorNode, '-' );
														
 
															+export const mul = ShaderNodeProxy( OperatorNode, '*' );
														
 
															+export const div = ShaderNodeProxy( OperatorNode, '/' );
														
 
															+export const equal = ShaderNodeProxy( OperatorNode, '==' );
														
 
															+export const assign = ShaderNodeProxy( OperatorNode, '=' );
														
 
															+export const greaterThan = ShaderNodeProxy( OperatorNode, '>' );
														
 
															+export const and = ShaderNodeProxy( OperatorNode, '&&' );
														
 
															+
														
 
															+export const element = ShaderNodeProxy( ArrayElementNode );
														
 
															+
														
 
															+export const normalLocal = new NormalNode( NormalNode.LOCAL );
														
 
															+export const normalWorld = new NormalNode( NormalNode.WORLD );
														
 
															+export const normalView = new NormalNode( NormalNode.VIEW );
														
 
															+export const transformedNormalView = new VarNode( new NormalNode( NormalNode.VIEW ), 'TransformedNormalView', 'vec3' );
														
 
															+
														
 
															+export const positionLocal = new PositionNode( PositionNode.LOCAL );
														
 
															+export const positionWorld = new PositionNode( PositionNode.WORLD );
														
 
															+export const positionView = new PositionNode( PositionNode.VIEW );
														
 
															+export const positionViewDirection = new PositionNode( PositionNode.VIEW_DIRECTION );
														
 
															+
														
 
															+export const PI = float( 3.141592653589793 );
														
 
															+export const RECIPROCAL_PI = float( 0.3183098861837907 );
														
 
															+export const EPSILON = float( 1e-6 );
														
 
															+
														
 
															+export const diffuseColor = new PropertyNode( 'DiffuseColor', 'vec4' );
														
 
															+export const roughness = new PropertyNode( 'Roughness', 'float' );
														
 
															+export const metalness = new PropertyNode( 'Metalness', 'float' );
														
 
															+export const alphaTest = new PropertyNode( 'AlphaTest', 'float' );
														
 
															+export const specularColor = new PropertyNode( 'SpecularColor', 'color' );
														
 
															+
														
 
															+export const negate = ShaderNodeProxy( MathNode, 'negate' );
														
 
															+export const floor = ShaderNodeProxy( MathNode, 'floor' );
														
 
															+export const mod = ShaderNodeProxy( MathNode, 'mod' );
														
 
															+export const cross = ShaderNodeProxy( MathNode, 'cross' );
														
 
															+export const max = ShaderNodeProxy( MathNode, 'max' );
														
 
															+export const min = ShaderNodeProxy( MathNode, 'min' );
														
 
															+export const dot = ShaderNodeProxy( MathNode, 'dot' );
														
 
															+export const normalize = ShaderNodeProxy( MathNode, 'normalize' );
														
 
															+export const sqrt = ShaderNodeProxy( MathNode, 'sqrt' );
														
 
															+export const inversesqrt = ShaderNodeProxy( MathNode, 'inversesqrt' );
														
 
															+export const sign = ShaderNodeProxy( MathNode, 'sign' );
														
 
															+export const dFdx = ShaderNodeProxy( MathNode, 'dFdx' );
														
 
															+export const dFdy = ShaderNodeProxy( MathNode, 'dFdy' );
														
 
															+export const pow = ShaderNodeProxy( MathNode, 'pow' );
														
 
															+export const pow2 = ShaderNodeProxy( MathNode, 'pow', 2 );
														
 
															+export const pow3 = ShaderNodeProxy( MathNode, 'pow', 3 );
														
 
															+export const pow4 = ShaderNodeProxy( MathNode, 'pow', 4 );
														
 
															+export const exp = ShaderNodeProxy( MathNode, 'exp' );
														
 
															+export const exp2 = ShaderNodeProxy( MathNode, 'exp2' );
														
 
															+export const saturate = ShaderNodeProxy( MathNode, 'saturate' );
														
 
															+export const transformDirection = ShaderNodeProxy( MathNode, 'transformDirection' );
														
--- a/examples/jsm/renderers/nodes/accessors/MaterialNode.js
+++ b/examples/jsm/renderers/nodes/accessors/MaterialNode.js
@@ -22,7 +22,7 @@ class MaterialNode extends Node {
 
															 	getNodeType( builder ) {
														
 
															 		const scope = this.scope;
														
 
															-		const material = builder.getContextValue( 'material' );
														
 
															+		const material = builder.context.material;
														
 
															 		if ( scope === MaterialNode.COLOR ) {
														
@@ -46,7 +46,7 @@ class MaterialNode extends Node {
 
															 	generate( builder, output ) {
														
 
															-		const material = builder.getContextValue( 'material' );
														
 
															+		const material = builder.context.material;
														
 
															 		const scope = this.scope;
														
 
															 		let node = null;
														
@@ -85,15 +85,15 @@ class MaterialNode extends Node {
 
															 		} else if ( scope === MaterialNode.SPECULAR ) {
														
 
															-			const specularTintNode = new MaterialReferenceNode( 'specularTint', 'color' );
														
 
															+			const specularColorNode = new MaterialReferenceNode( 'specularColor', 'color' );
														
 
															-			if ( material.specularTintMap !== null && material.specularTintMap !== undefined && material.specularTintMap.isTexture === true ) {
														
 
															+			if ( material.specularColorMap !== null && material.specularColorMap !== undefined && material.specularColorMap.isTexture === true ) {
														
 
															-				node = new OperatorNode( '*', specularTintNode, new MaterialReferenceNode( 'specularTintMap', 'texture' ) );
														
 
															+				node = new OperatorNode( '*', specularColorNode, new MaterialReferenceNode( 'specularColorMap', 'texture' ) );
														
 
															 			} else {
														
 
															-				node = specularTintNode;
														
 
															+				node = specularColorNode;
														
 
															 			}
														
--- a/examples/jsm/renderers/nodes/accessors/ModelViewProjectionNode.js
+++ b/examples/jsm/renderers/nodes/accessors/ModelViewProjectionNode.js
@@ -12,16 +12,16 @@ class ModelViewProjectionNode extends Node {
 
															 		this.position = position;
														
 
															-		this._mvpMatrix = new OperatorNode( '*', new CameraNode( CameraNode.PROJECTION_MATRIX ), new ModelNode( ModelNode.VIEW_MATRIX ) );
														
 
															-
														
 
															 	}
														
 
															 	generate( builder ) {
														
 
															-		const mvpSnipped = this._mvpMatrix.build( builder );
														
 
															-		const positionSnipped = this.position.build( builder, 'vec3' );
														
 
															+		const position = this.position;
														
 
															+
														
 
															+		const mvpMatrix = new OperatorNode( '*', new CameraNode( CameraNode.PROJECTION_MATRIX ), new ModelNode( ModelNode.VIEW_MATRIX ) );
														
 
															+		const mvpNode = new OperatorNode( '*', mvpMatrix, position );
														
 
															-		return `( ${mvpSnipped} * vec4( ${positionSnipped}, 1.0 ) )`;
														
 
															+		return mvpNode.build( builder );
														
 
															 	}
														
--- a/examples/jsm/renderers/nodes/accessors/NormalNode.js
+++ b/examples/jsm/renderers/nodes/accessors/NormalNode.js
@@ -1,14 +1,15 @@
 
															 import Node from '../core/Node.js';
														
 
															 import AttributeNode from '../core/AttributeNode.js';
														
 
															+import NodeKeywords from '../core/NodeKeywords.js';
														
 
															 import VaryNode from '../core/VaryNode.js';
														
 
															 import ModelNode from '../accessors/ModelNode.js';
														
 
															 import CameraNode from '../accessors/CameraNode.js';
														
 
															 import OperatorNode from '../math/OperatorNode.js';
														
 
															 import MathNode from '../math/MathNode.js';
														
 
															-import { inverseTransformDirection } from '../functions/MathFunctions.js';
														
 
															 class NormalNode extends Node {
														
 
															+	static GEOMETRY = 'geometry';
														
 
															 	static LOCAL = 'local';
														
 
															 	static WORLD = 'world';
														
 
															 	static VIEW = 'view';
														
@@ -21,16 +22,26 @@ class NormalNode extends Node {
 
															 	}
														
 
															+	getHash( /*builder*/ ) {
														
 
															+
														
 
															+		return `normal-${this.scope}`;
														
 
															+
														
 
															+	}
														
 
															+
														
 
															 	generate( builder ) {
														
 
															 		const scope = this.scope;
														
 
															 		let outputNode = null;
														
 
															-		if ( scope === NormalNode.LOCAL ) {
														
 
															+		if ( scope === NormalNode.GEOMETRY ) {
														
 
															 			outputNode = new AttributeNode( 'normal', 'vec3' );
														
 
															+		} else if ( scope === NormalNode.LOCAL ) {
														
 
															+
														
 
															+			outputNode = new VaryNode( new NormalNode( NormalNode.GEOMETRY ) );
														
 
															+
														
 
															 		} else if ( scope === NormalNode.VIEW ) {
														
 
															 			const vertexNormalNode = new OperatorNode( '*', new ModelNode( ModelNode.NORMAL_MATRIX ), new NormalNode( NormalNode.LOCAL ) );
														
@@ -38,7 +49,8 @@ class NormalNode extends Node {
 
															 		} else if ( scope === NormalNode.WORLD ) {
														
 
															-			const vertexNormalNode = inverseTransformDirection.call( { dir: new NormalNode( NormalNode.VIEW ), matrix: new CameraNode( CameraNode.VIEW_MATRIX ) } );
														
 
															+			// To use INVERSE_TRANSFORM_DIRECTION only inverse the param order like this: MathNode( ..., Vector, Matrix );
														
 
															+			const vertexNormalNode = new MathNode( MathNode.TRANSFORM_DIRECTION, new NormalNode( NormalNode.VIEW ), new CameraNode( CameraNode.VIEW_MATRIX ) );
														
 
															 			outputNode = new MathNode( MathNode.NORMALIZE, new VaryNode( vertexNormalNode ) );
														
 
															 		}
														
--- a/examples/jsm/renderers/nodes/accessors/PointUVNode.js
+++ b/examples/jsm/renderers/nodes/accessors/PointUVNode.js
@@ -6,11 +6,9 @@ class PointUVNode extends Node {
 
															 		super( 'vec2' );
														
 
															-		Object.defineProperty( this, 'isPointUVNode', { value: true } );
														
 
															-
														
 
															 	}
														
 
															-	generate( builder ) {
														
 
															+	generate( /*builder*/ ) {
														
 
															 		return 'vec2( gl_PointCoord.x, 1.0 - gl_PointCoord.y )';
														
@@ -18,4 +16,6 @@ class PointUVNode extends Node {
 
															 }
														
 
															+PointUVNode.prototype.isPointUVNode = true;
														
 
															+
														
 
															 export default PointUVNode;
														
--- a/examples/jsm/renderers/nodes/accessors/PositionNode.js
+++ b/examples/jsm/renderers/nodes/accessors/PositionNode.js
@@ -1,13 +1,14 @@
 
															 import Node from '../core/Node.js';
														
 
															 import AttributeNode from '../core/AttributeNode.js';
														
 
															+import NodeKeywords from '../core/NodeKeywords.js';
														
 
															 import VaryNode from '../core/VaryNode.js';
														
 
															 import ModelNode from '../accessors/ModelNode.js';
														
 
															 import MathNode from '../math/MathNode.js';
														
 
															 import OperatorNode from '../math/OperatorNode.js';
														
 
															-import { transformDirection } from '../functions/MathFunctions.js';
														
 
															 class PositionNode extends Node {
														
 
															+	static GEOMETRY = 'geometry';
														
 
															 	static LOCAL = 'local';
														
 
															 	static WORLD = 'world';
														
 
															 	static VIEW = 'view';
														
@@ -21,19 +22,29 @@ class PositionNode extends Node {
 
															 	}
														
 
															+	getHash( /*builder*/ ) {
														
 
															+
														
 
															+		return `position-${this.scope}`;
														
 
															+
														
 
															+	}
														
 
															+
														
 
															 	generate( builder ) {
														
 
															 		const scope = this.scope;
														
 
															 		let outputNode = null;
														
 
															-		if ( scope === PositionNode.LOCAL ) {
														
 
															-			
														
 
															+		if ( scope === PositionNode.GEOMETRY ) {
														
 
															+
														
 
															 			outputNode = new AttributeNode( 'position', 'vec3' );
														
 
															-			
														
 
															+
														
 
															+		} else if ( scope === PositionNode.LOCAL ) {
														
 
															+
														
 
															+			outputNode = new VaryNode( new PositionNode( PositionNode.GEOMETRY ) );
														
 
															+
														
 
															 		} else if ( scope === PositionNode.WORLD ) {
														
 
															-			const vertexPositionNode = transformDirection.call( { dir: new PositionNode( PositionNode.LOCAL ), matrix: new ModelNode( ModelNode.WORLD_MATRIX ) } );
														
 
															+			const vertexPositionNode = new MathNode( MathNode.TRANSFORM_DIRECTION, new ModelNode( ModelNode.WORLD_MATRIX ), new PositionNode( PositionNode.LOCAL ) );
														
 
															 			outputNode = new VaryNode( vertexPositionNode );
														
 
															 		} else if ( scope === PositionNode.VIEW ) {
														
--- a/examples/jsm/renderers/nodes/accessors/SkinningNode.js
+++ b/examples/jsm/renderers/nodes/accessors/SkinningNode.js
@@ -0,0 +1,107 @@
 
															+import Node from '../core/Node.js';
														
 
															+import AttributeNode from '../core/AttributeNode.js';
														
 
															+import PositionNode from '../accessors/PositionNode.js';
														
 
															+import NormalNode from '../accessors/NormalNode.js';
														
 
															+import Matrix4Node from '../inputs/Matrix4Node.js';
														
 
															+import BufferNode from '../inputs/BufferNode.js';
														
 
															+
														
 
															+import { ShaderNode, assign, element, add, mul, transformDirection } from '../ShaderNode.js';
														
 
															+
														
 
															+import { NodeUpdateType } from '../core/constants.js';
														
 
															+
														
 
															+const Skinning = new ShaderNode( ( inputs, builder ) => {
														
 
															+
														
 
															+	const { position, normal, index, weight, bindMatrix, bindMatrixInverse, boneMatrices } = inputs;
														
 
															+
														
 
															+	const boneMatX = element( boneMatrices, index.x );
														
 
															+	const boneMatY = element( boneMatrices, index.y );
														
 
															+	const boneMatZ = element( boneMatrices, index.z );
														
 
															+	const boneMatW = element( boneMatrices, index.w );
														
 
															+
														
 
															+	// POSITION
														
 
															+
														
 
															+	const skinVertex = mul( bindMatrix, position );
														
 
															+
														
 
															+	const skinned = add(
														
 
															+		mul( mul( boneMatX, skinVertex ), weight.x ),
														
 
															+		mul( mul( boneMatY, skinVertex ), weight.y ),
														
 
															+		mul( mul( boneMatZ, skinVertex ), weight.z ),
														
 
															+		mul( mul( boneMatW, skinVertex ), weight.w )
														
 
															+	);
														
 
															+
														
 
															+	const skinPosition = mul( bindMatrixInverse, skinned ).xyz;
														
 
															+
														
 
															+	// NORMAL
														
 
															+
														
 
															+	let skinMatrix = add(
														
 
															+		mul( weight.x, boneMatX ),
														
 
															+		mul( weight.y, boneMatY ),
														
 
															+		mul( weight.z, boneMatZ ),
														
 
															+		mul( weight.w, boneMatW )
														
 
															+	);
														
 
															+
														
 
															+	skinMatrix = mul( mul( bindMatrixInverse, skinMatrix ), bindMatrix );
														
 
															+
														
 
															+	const skinNormal = transformDirection( skinMatrix, normal ).xyz;
														
 
															+
														
 
															+	// ASSIGNS
														
 
															+
														
 
															+	assign( position, skinPosition ).build( builder );
														
 
															+	assign( normal, skinNormal ).build( builder );
														
 
															+
														
 
															+} );
														
 
															+
														
 
															+class SkinningNode extends Node {
														
 
															+
														
 
															+	constructor( skinnedMesh ) {
														
 
															+
														
 
															+		super( 'void' );
														
 
															+
														
 
															+		this.skinnedMesh = skinnedMesh;
														
 
															+
														
 
															+		this.updateType = NodeUpdateType.Object;
														
 
															+
														
 
															+		//
														
 
															+
														
 
															+		this.skinIndexNode = new AttributeNode( 'skinIndex', 'uvec4' );
														
 
															+		this.skinWeightNode = new AttributeNode( 'skinWeight', 'vec4' );
														
 
															+
														
 
															+		this.bindMatrixNode = new Matrix4Node( skinnedMesh.bindMatrix );
														
 
															+		this.bindMatrixInverseNode = new Matrix4Node( skinnedMesh.bindMatrixInverse );
														
 
															+		this.boneMatricesNode = new BufferNode( skinnedMesh.skeleton.boneMatrices, 'mat4', skinnedMesh.skeleton.bones.length );
														
 
															+
														
 
															+	}
														
 
															+
														
 
															+	generate( builder ) {
														
 
															+
														
 
															+		// inout nodes
														
 
															+		const position = new PositionNode( PositionNode.LOCAL );
														
 
															+		const normal = new NormalNode( NormalNode.LOCAL );
														
 
															+
														
 
															+		const index = this.skinIndexNode;
														
 
															+		const weight = this.skinWeightNode;
														
 
															+		const bindMatrix = this.bindMatrixNode;
														
 
															+		const bindMatrixInverse = this.bindMatrixInverseNode;
														
 
															+		const boneMatrices = this.boneMatricesNode;
														
 
															+
														
 
															+		Skinning( {
														
 
															+			position,
														
 
															+			normal,
														
 
															+			index,
														
 
															+			weight,
														
 
															+			bindMatrix,
														
 
															+			bindMatrixInverse,
														
 
															+			boneMatrices
														
 
															+		}, builder );
														
 
															+
														
 
															+	}
														
 
															+
														
 
															+	update() {
														
 
															+
														
 
															+		this.skinnedMesh.skeleton.update();
														
 
															+
														
 
															+	}
														
 
															+
														
 
															+}
														
 
															+
														
 
															+export default SkinningNode;
														
--- a/examples/jsm/renderers/nodes/accessors/UVNode.js
+++ b/examples/jsm/renderers/nodes/accessors/UVNode.js
@@ -2,22 +2,24 @@ import AttributeNode from '../core/AttributeNode.js';
 
															 class UVNode extends AttributeNode {
														
 
															-	constructor( index = 0 ) {
														
 
															+	constructor( value = 0 ) {
														
 
															 		super( null, 'vec2' );
														
 
															-		this.index = index;
														
 
															-
														
 
															-		Object.defineProperty( this, 'isUVNode', { value: true } );
														
 
															+		this.value = value;
														
 
															 	}
														
 
															 	getAttributeName( /*builder*/ ) {
														
 
															-		return 'uv' + ( this.index > 0 ? this.index + 1 : '' );
														
 
															+		const value = this.value;
														
 
															+
														
 
															+		return 'uv' + ( value > 0 ? value + 1 : '' );
														
 
															 	}
														
 
															 }
														
 
															+UVNode.prototype.isUVNode = true;
														
 
															+
														
 
															 export default UVNode;
														
--- a/examples/jsm/renderers/nodes/consts/MathConsts.js
+++ b/examples/jsm/renderers/nodes/consts/MathConsts.js
@@ -1,7 +0,0 @@
 
															-import ConstNode from '../core/ConstNode.js';
														
 
															-
														
 
															-export const PI = new ConstNode( '3.141592653589793', 'float', 'PI' );
														
 
															-export const RECIPROCAL_PI = new ConstNode( '0.3183098861837907', 'float', 'RECIPROCAL_PI' );
														
 
															-export const EPSILON = new ConstNode( '1e-6', 'float', 'EPSILON' );
														
 
															-
														
 
															-export const DEFAULT_SPECULAR_COEFFICIENT = new ConstNode( '0.04', 'float', 'DEFAULT_SPECULAR_COEFFICIENT' );
														
--- a/examples/jsm/renderers/nodes/core/ArrayInputNode.js
+++ b/examples/jsm/renderers/nodes/core/ArrayInputNode.js
@@ -2,17 +2,17 @@ import InputNode from './InputNode.js';
 
															 class ArrayInputNode extends InputNode {
														
 
															-	constructor( value = [] ) {
														
 
															+	constructor( nodes = [] ) {
														
 
															 		super();
														
 
															-		this.value = value;
														
 
															+		this.nodes = nodes;
														
 
															 	}
														
 
															 	getNodeType( builder ) {
														
 
															-		return this.value[ 0 ].getNodeType( builder );
														
 
															+		return this.nodes[ 0 ].getNodeType( builder );
														
 
															 	}
														
--- a/examples/jsm/renderers/nodes/core/AttributeNode.js
+++ b/examples/jsm/renderers/nodes/core/AttributeNode.js
@@ -11,6 +11,12 @@ class AttributeNode extends Node {
 
															 	}
														
 
															+	getHash( builder ) {
														
 
															+
														
 
															+		return this.getAttributeName( builder );
														
 
															+
														
 
															+	}
														
 
															+
														
 
															 	setAttributeName( attributeName ) {
														
 
															 		this._attributeName = attributeName;
														
--- a/examples/jsm/renderers/nodes/core/BypassNode.js
+++ b/examples/jsm/renderers/nodes/core/BypassNode.js
@@ -0,0 +1,38 @@
 
															+import Node from './Node.js';
														
 
															+
														
 
															+class BypassNode extends Node {
														
 
															+
														
 
															+	constructor( returnNode, callNode ) {
														
 
															+
														
 
															+		super();
														
 
															+
														
 
															+		this.outputNode = returnNode;
														
 
															+		this.callNode = callNode;
														
 
															+
														
 
															+	}
														
 
															+
														
 
															+	getNodeType( builder ) {
														
 
															+
														
 
															+		return this.outputNode.getNodeType( builder );
														
 
															+
														
 
															+	}
														
 
															+
														
 
															+	generate( builder, output ) {
														
 
															+
														
 
															+		const snippet = this.callNode.build( builder, 'void' );
														
 
															+
														
 
															+		if ( snippet !== '' ) {
														
 
															+
														
 
															+			builder.addFlowCode( snippet );
														
 
															+
														
 
															+		}
														
 
															+
														
 
															+		return this.outputNode.build( builder, output );
														
 
															+
														
 
															+	}
														
 
															+
														
 
															+}
														
 
															+
														
 
															+BypassNode.prototype.isBypassNode = true;
														
 
															+
														
 
															+export default BypassNode;
														
--- a/examples/jsm/renderers/nodes/core/CodeNode.js
+++ b/examples/jsm/renderers/nodes/core/CodeNode.js
@@ -12,8 +12,6 @@ class CodeNode extends Node {
 
															 		this._includes = [];
														
 
															-		Object.defineProperty( this, 'isCodeNode', { value: true } );
														
 
															-
														
 
															 	}
														
 
															 	setIncludes( includes ) {
														
@@ -34,7 +32,7 @@ class CodeNode extends Node {
 
															 		if ( this.useKeywords === true ) {
														
 
															-			const contextKeywords = builder.getContextValue( 'keywords' );
														
 
															+			const contextKeywords = builder.context.keywords;
														
 
															 			if ( contextKeywords !== undefined ) {
														
@@ -75,4 +73,6 @@ class CodeNode extends Node {
 
															 }
														
 
															+CodeNode.prototype.isCodeNode = true;
														
 
															+
														
 
															 export default CodeNode;
														
--- a/examples/jsm/renderers/nodes/core/ConstNode.js
+++ b/examples/jsm/renderers/nodes/core/ConstNode.js
@@ -1,39 +0,0 @@
 
															-import CodeNode from './CodeNode.js';
														
 
															-
														
 
															-class ConstNode extends CodeNode {
														
 
															-
														
 
															-	constructor( code = '', type = '', name = '' ) {
														
 
															-
														
 
															-		super( code, type );
														
 
															-
														
 
															-		this.includes = [];
														
 
															-
														
 
															-		this.name = name;
														
 
															-
														
 
															-	}
														
 
															-
														
 
															-	generate( builder ) {
														
 
															-
														
 
															-		const code = super.generate( builder );
														
 
															-
														
 
															-		const nodeCode = builder.getCodeFromNode( this, this.getNodeType( builder ) );
														
 
															-
														
 
															-		if ( this.name !== '' ) {
														
 
															-
														
 
															-			// use a custom property name
														
 
															-
														
 
															-			nodeCode.name = this.name;
														
 
															-
														
 
															-		}
														
 
															-
														
 
															-		const propertyName = builder.getPropertyName( nodeCode );
														
 
															-
														
 
															-		nodeCode.code = `#define ${propertyName} ${code}`;
														
 
															-
														
 
															-		return propertyName;
														
 
															-
														
 
															-	}
														
 
															-
														
 
															-}
														
 
															-
														
 
															-export default ConstNode;
														
--- a/examples/jsm/renderers/nodes/core/ContextNode.js
+++ b/examples/jsm/renderers/nodes/core/ContextNode.js
@@ -2,30 +2,13 @@ import Node from './Node.js';
 
															 class ContextNode extends Node {
														
 
															-	constructor( node, nodeType, context = {} ) {
														
 
															+	constructor( node, context = {} ) {
														
 
															-		super( nodeType );
														
 
															+		super();
														
 
															 		this.node = node;
														
 
															-
														
 
															 		this.context = context;
														
 
															-		Object.defineProperty( this, 'isContextNode', { value: true } );
														
 
															-
														
 
															-	}
														
 
															-
														
 
															-	setContextValue( name, value ) {
														
 
															-
														
 
															-		this.context[ name ] = value;
														
 
															-
														
 
															-		return this;
														
 
															-
														
 
															-	}
														
 
															-
														
 
															-	getContextValue( name ) {
														
 
															-
														
 
															-		return this.context[ name ];
														
 
															-
														
 
															 	}
														
 
															 	getNodeType( builder ) {
														
@@ -50,4 +33,6 @@ class ContextNode extends Node {
 
															 }
														
 
															+ContextNode.prototype.isContextNode = true;
														
 
															+
														
 
															 export default ContextNode;
														
--- a/examples/jsm/renderers/nodes/core/ExpressionNode.js
+++ b/examples/jsm/renderers/nodes/core/ExpressionNode.js
@@ -2,7 +2,7 @@ import TempNode from './TempNode.js';
 
															 class ExpressionNode extends TempNode {
														
 
															-	constructor( snipped = '', nodeType = null ) {
														
 
															+	constructor( snipped = '', nodeType = 'void' ) {
														
 
															 		super( nodeType );
														
@@ -12,7 +12,18 @@ class ExpressionNode extends TempNode {
 
															 	generate( builder ) {
														
 
															-		return `( ${ this.snipped } )`;
														
 
															+		const type = this.getNodeType( builder );
														
 
															+		const snipped = this.snipped;
														
 
															+
														
 
															+		if ( type === 'void' ) {
														
 
															+
														
 
															+			builder.addFlowCode( snipped );
														
 
															+
														
 
															+		} else {
														
 
															+
														
 
															+			return `( ${ snipped } )`;
														
 
															+
														
 
															+		}
														
 
															 	}
														
--- a/examples/jsm/renderers/nodes/core/FunctionNode.js
+++ b/examples/jsm/renderers/nodes/core/FunctionNode.js
@@ -1,143 +1,43 @@
 
															 import CodeNode from './CodeNode.js';
														
 
															-import NodeFunctionInput from './NodeFunctionInput.js';
														
 
															 import FunctionCallNode from './FunctionCallNode.js';
														
 
															-const declarationRegexp = /^\s*(highp|mediump|lowp)?\s*([a-z_0-9]+)\s*([a-z_0-9]+)?\s*\((.*?)\)/i;
														
 
															-const propertiesRegexp = /[a-z_0-9]+/ig;
														
 
															-
														
 
															-const pragmaMain = '#pragma main';
														
 
															-
														
 
															 class FunctionNode extends CodeNode {
														
 
															 	constructor( code = '' ) {
														
 
															 		super( code );
														
 
															-		this.inputs = [];
														
 
															-
														
 
															-		this.name = '';
														
 
															-		this.needsUpdate = true;
														
 
															-
														
 
															 		this.useKeywords = true;
														
 
															-		this.presicion = '';
														
 
															-
														
 
															-		this._includeCode = '';
														
 
															-		this._internalCode = '';
														
 
															-
														
 
															 	}
														
 
															 	getNodeType( builder ) {
														
 
															-		if ( this.needsUpdate === true ) {
														
 
															-
														
 
															-			this.parse();
														
 
															-
														
 
															-		}
														
 
															-
														
 
															-		return super.getNodeType( builder );
														
 
															+		return this.getNodeFunction( builder ).type;
														
 
															 	}
														
 
															-	getInputs( /*builder*/ ) {
														
 
															-
														
 
															-		if ( this.needsUpdate === true ) {
														
 
															-
														
 
															-			this.parse();
														
 
															+	getInputs( builder ) {
														
 
															-		}
														
 
															-
														
 
															-		return this.inputs;
														
 
															+		return this.getNodeFunction( builder ).inputs;
														
 
															 	}
														
 
															-	parse() {
														
 
															-
														
 
															-		const code = this.code;
														
 
															-
														
 
															-		const pragmaMainIndex = code.indexOf( pragmaMain );
														
 
															-
														
 
															-		const mainCode = pragmaMainIndex !== - 1 ? code.substr( pragmaMainIndex + pragmaMain.length ) : code;
														
 
															-
														
 
															-		const declaration = mainCode.match( declarationRegexp );
														
 
															-
														
 
															-		if ( declaration !== null && declaration.length === 5 ) {
														
 
															-
														
 
															-			// tokenizer
														
 
															-
														
 
															-			const paramsCode = declaration[ 4 ];
														
 
															-			const propsMatches = [];
														
 
															-
														
 
															-			let nameMatch = null;
														
 
															-
														
 
															-			while ( ( nameMatch = propertiesRegexp.exec( paramsCode ) ) !== null ) {
														
 
															-
														
 
															-				propsMatches.push( nameMatch );
														
 
															-
														
 
															-			}
														
 
															-
														
 
															-			// parser
														
 
															-
														
 
															-			const inputs = [];
														
 
															-
														
 
															-			let i = 0;
														
 
															-
														
 
															-			while ( i < propsMatches.length ) {
														
 
															-
														
 
															-				const isConst = propsMatches[ i ][ 0 ] === 'const';
														
 
															-
														
 
															-				if ( isConst === true ) {
														
 
															+	getNodeFunction( builder ) {
														
 
															-					i ++;
														
 
															+		const nodeData = builder.getDataFromNode( this );
														
 
															-				}
														
 
															+		let nodeFunction = nodeData.nodeFunction;
														
 
															-				let qualifier = propsMatches[ i ][ 0 ];
														
 
															+		if ( nodeFunction === undefined ) {
														
 
															-				if ( qualifier === 'in' || qualifier === 'out' || qualifier === 'inout' ) {
														
 
															+			nodeFunction = builder.parser.parseFunction( this.code );
														
 
															-					i ++;
														
 
															-
														
 
															-				} else {
														
 
															-
														
 
															-					qualifier = '';
														
 
															-
														
 
															-				}
														
 
															-
														
 
															-				const type = propsMatches[ i ++ ][ 0 ];
														
 
															-
														
 
															-				let count = Number.parseInt( propsMatches[ i ][ 0 ] );
														
 
															-
														
 
															-				if ( Number.isNaN( count ) === false ) i ++;
														
 
															-				else count = 0;
														
 
															-
														
 
															-				const name = propsMatches[ i ++ ][ 0 ];
														
 
															-
														
 
															-				inputs.push( new NodeFunctionInput( type, name, qualifier, isConst, count ) );
														
 
															-
														
 
															-			}
														
 
															-
														
 
															-			const blockCode = mainCode.substring( declaration[ 0 ].length );
														
 
															-
														
 
															-			this.name = declaration[ 3 ] !== undefined ? declaration[ 3 ] : '';
														
 
															-			this.nodeType = declaration[ 2 ];
														
 
															-
														
 
															-			this.presicion = declaration[ 1 ] !== undefined ? declaration[ 1 ] : '';
														
 
															-
														
 
															-			this.inputs = inputs;
														
 
															-
														
 
															-			this._includeCode = pragmaMainIndex !== - 1 ? code.substr( 0, pragmaMainIndex ) : '';
														
 
															-			this._internalCode = `( ${paramsCode} ) ${blockCode}`;
														
 
															-
														
 
															-		} else {
														
 
															-
														
 
															-			throw new Error( 'FunctionNode: Function is not a GLSL code.' );
														
 
															+			nodeData.nodeFunction = nodeFunction;
														
 
															 		}
														
 
															-		this.code = code;
														
 
															-
														
 
															-		this.needsUpdate = false;
														
 
															+		return nodeFunction;
														
 
															 	}
														
@@ -151,37 +51,24 @@ class FunctionNode extends CodeNode {
 
															 		super.generate( builder );
														
 
															-		const type = this.getNodeType( builder );
														
 
															+		const nodeFunction = this.getNodeFunction( builder );
														
 
															+
														
 
															+		const name = nodeFunction.name;
														
 
															+		const type = nodeFunction.type;
														
 
															+
														
 
															 		const nodeCode = builder.getCodeFromNode( this, type );
														
 
															-		if ( this.name !== '' ) {
														
 
															+		if ( name !== '' ) {
														
 
															 			// use a custom property name
														
 
															-			nodeCode.name = this.name;
														
 
															+			nodeCode.name = name;
														
 
															 		}
														
 
															 		const propertyName = builder.getPropertyName( nodeCode );
														
 
															-		const presicion = this.presicion;
														
 
															-		const includeCode = this._includeCode;
														
 
															-
														
 
															-		let code = `${type} ${propertyName} ${this._internalCode}`;
														
 
															-
														
 
															-		if ( presicion !== '' ) {
														
 
															-
														
 
															-			code = `${presicion} ${code}`;
														
 
															-
														
 
															-		}
														
 
															-
														
 
															-		if ( includeCode !== '' ) {
														
 
															-
														
 
															-			code = `${includeCode} ${code}`;
														
 
															-
														
 
															-		}
														
 
															-
														
 
															-		nodeCode.code = code;
														
 
															+		nodeCode.code = this.getNodeFunction( builder ).getCode( propertyName );
														
 
															 		if ( output === 'property' ) {
														
@@ -189,7 +76,7 @@ class FunctionNode extends CodeNode {
 
															 		} else {
														
 
															-			return builder.format( `${propertyName}()`, type, output );
														
 
															+			return builder.format( `${ propertyName }()`, type, output );
														
 
															 		}
														
--- a/examples/jsm/renderers/nodes/core/InputNode.js
+++ b/examples/jsm/renderers/nodes/core/InputNode.js
@@ -2,9 +2,11 @@ import Node from './Node.js';
 
															 class InputNode extends Node {
														
 
															-	constructor( nodeType ) {
														
 
															+	constructor( inputType ) {
														
 
															-		super( nodeType );
														
 
															+		super( inputType );
														
 
															+
														
 
															+		this.inputType = inputType;
														
 
															 		this.constant = false;
														
@@ -24,6 +26,12 @@ class InputNode extends Node {
 
															 	}
														
 
															+	getInputType( builder ) {
														
 
															+
														
 
															+		return this.inputType;
														
 
															+
														
 
															+	}
														
 
															+
														
 
															 	generateConst( builder ) {
														
 
															 		return builder.getConst( this.getNodeType( builder ), this.value );
														
@@ -40,7 +48,9 @@ class InputNode extends Node {
 
															 		} else {
														
 
															-			const nodeUniform = builder.getUniformFromNode( this, builder.shaderStage, type );
														
 
															+			const inputType = this.getInputType( builder );
														
 
															+
														
 
															+			const nodeUniform = builder.getUniformFromNode( this, builder.shaderStage, inputType );
														
 
															 			const propertyName = builder.getPropertyName( nodeUniform );
														
 
															 			return builder.format( propertyName, type, output );
														
--- a/examples/jsm/renderers/nodes/core/Node.js
+++ b/examples/jsm/renderers/nodes/core/Node.js
@@ -1,5 +1,7 @@
 
															 import { NodeUpdateType } from './constants.js';
														
 
															+import { MathUtils } from 'three';
														
 
															+
														
 
															 class Node {
														
 
															 	constructor( nodeType = null ) {
														
@@ -8,6 +10,8 @@ class Node {
 
															 		this.updateType = NodeUpdateType.None;
														
 
															+		this.uuid = MathUtils.generateUUID();
														
 
															+
														
 
															 	}
														
 
															 	get type() {
														
@@ -16,21 +20,21 @@ class Node {
 
															 	}
														
 
															-	getUpdateType( /*builder*/ ) {
														
 
															+	getHash( /*builder*/ ) {
														
 
															-		return this.updateType;
														
 
															+		return this.uuid;
														
 
															 	}
														
 
															-	getNodeType( /*builder*/ ) {
														
 
															+	getUpdateType( /*builder*/ ) {
														
 
															-		return this.nodeType;
														
 
															+		return this.updateType;
														
 
															 	}
														
 
															-	getTypeLength( builder ) {
														
 
															+	getNodeType( /*builder*/ ) {
														
 
															-		return builder.getTypeLength( this.getNodeType( builder ) );
														
 
															+		return this.nodeType;
														
 
															 	}
														
@@ -48,30 +52,48 @@ class Node {
 
															 	build( builder, output = null ) {
														
 
															+		const hash = this.getHash( builder );
														
 
															+		const sharedNode = builder.getNodeFromHash( hash );
														
 
															+
														
 
															+		if ( sharedNode !== undefined && this !== sharedNode ) {
														
 
															+
														
 
															+			return sharedNode.build( builder, output );
														
 
															+
														
 
															+		}
														
 
															+
														
 
															 		builder.addNode( this );
														
 
															+		builder.addStack( this );
														
 
															 		const isGenerateOnce = this.generate.length === 1;
														
 
															+		let snippet = null;
														
 
															+
														
 
															 		if ( isGenerateOnce ) {
														
 
															 			const type = this.getNodeType( builder );
														
 
															 			const nodeData = builder.getDataFromNode( this );
														
 
															-			let snippet = nodeData.snippet;
														
 
															+			snippet = nodeData.snippet;
														
 
															 			if ( snippet === undefined ) {
														
 
															-				snippet = this.generate( builder );
														
 
															+				snippet = this.generate( builder ) || '';
														
 
															 				nodeData.snippet = snippet;
														
 
															 			}
														
 
															-			return builder.format( snippet, type, output );
														
 
															+			snippet = builder.format( snippet, type, output );
														
 
															+
														
 
															+		} else {
														
 
															+
														
 
															+			snippet = this.generate( builder, output ) || '';
														
 
															 		}
														
 
															-		return this.generate( builder, output );
														
 
															+		builder.removeStack( this );
														
 
															+
														
 
															+		return snippet;
														
 
															 	}
														
--- a/examples/jsm/renderers/nodes/core/NodeBuilder.js
+++ b/examples/jsm/renderers/nodes/core/NodeBuilder.js
@@ -6,39 +6,71 @@ import NodeCode from './NodeCode.js';
 
															 import NodeKeywords from './NodeKeywords.js';
														
 
															 import { NodeUpdateType } from './constants.js';
														
 
															-import { LinearEncoding } from 'three';
														
 
															+import { REVISION, LinearEncoding } from 'three';
														
 
															+
														
 
															+const shaderStages = [ 'fragment', 'vertex' ];
														
 
															 class NodeBuilder {
														
 
															-	constructor( material, renderer ) {
														
 
															+	constructor( object, renderer, parser ) {
														
 
															-		this.material = material;
														
 
															+		this.object = object;
														
 
															+		this.material = object.material;
														
 
															 		this.renderer = renderer;
														
 
															+		this.parser = parser;
														
 
															 		this.nodes = [];
														
 
															 		this.updateNodes = [];
														
 
															+		this.hashNodes = {};
														
 
															 		this.vertexShader = null;
														
 
															 		this.fragmentShader = null;
														
 
															-		this.slots = { vertex: [], fragment: [] };
														
 
															-		this.defines = { vertex: {}, fragment: {} };
														
 
															+		this.flowNodes = { vertex: [], fragment: [] };
														
 
															+		this.flowCode = { vertex: '', fragment: '' };
														
 
															 		this.uniforms = { vertex: [], fragment: [], index: 0 };
														
 
															 		this.codes = { vertex: [], fragment: [] };
														
 
															 		this.attributes = [];
														
 
															 		this.varys = [];
														
 
															 		this.vars = { vertex: [], fragment: [] };
														
 
															 		this.flow = { code: '' };
														
 
															+		this.stack = [];
														
 
															 		this.context = {
														
 
															 			keywords: new NodeKeywords(),
														
 
															-			material: material
														
 
															+			material: object.material
														
 
															 		};
														
 
															 		this.nodesData = new WeakMap();
														
 
															+		this.flowsData = new WeakMap();
														
 
															 		this.shaderStage = null;
														
 
															-		this.slot = null;
														
 
															+		this.node = null;
														
 
															+
														
 
															+	}
														
 
															+
														
 
															+	addStack( node ) {
														
 
															+
														
 
															+		/*
														
 
															+		if ( this.stack.indexOf( node ) !== - 1 ) {
														
 
															+
														
 
															+			console.warn( 'Recursive node: ', node );
														
 
															+
														
 
															+		}
														
 
															+*/
														
 
															+		this.stack.push( node );
														
 
															+
														
 
															+	}
														
 
															+
														
 
															+	removeStack( node ) {
														
 
															+
														
 
															+		const lastStack = this.stack.pop();
														
 
															+
														
 
															+		if ( lastStack !== node ) {
														
 
															+
														
 
															+			throw new Error( 'NodeBuilder: Invalid node stack!' );
														
 
															+
														
 
															+		}
														
 
															 	}
														
@@ -56,37 +88,41 @@ class NodeBuilder {
 
															 			this.nodes.push( node );
														
 
															+			this.hashNodes[ node.getHash( this ) ] = node;
														
 
															+
														
 
															 		}
														
 
															 	}
														
 
															-	addSlot( shaderStage, slot ) {
														
 
															+	getMethod( method ) {
														
 
															-		this.slots[ shaderStage ].push( slot );
														
 
															+		return method;
														
 
															 	}
														
 
															-	define( shaderStage, name, value = '' ) {
														
 
															+	getNodeFromHash( hash ) {
														
 
															-		this.defines[ shaderStage ][ name ] = value;
														
 
															+		return this.hashNodes[ hash ];
														
 
															 	}
														
 
															-	setContext( context ) {
														
 
															+	addFlow( shaderStage, node ) {
														
 
															-		this.context = context;
														
 
															+		this.flowNodes[ shaderStage ].push( node );
														
 
															+
														
 
															+		return node;
														
 
															 	}
														
 
															-	getContext() {
														
 
															+	setContext( context ) {
														
 
															-		return this.context;
														
 
															+		this.context = context;
														
 
															 	}
														
 
															-	getContextValue( name ) {
														
 
															+	getContext() {
														
 
															-		return this.context[ name ];
														
 
															+		return this.context;
														
 
															 	}
														
@@ -102,18 +138,31 @@ class NodeBuilder {
 
															 	}
														
 
															+	// rename to generate
														
 
															 	getConst( type, value ) {
														
 
															 		if ( type === 'float' ) return value + ( value % 1 ? '' : '.0' );
														
 
															-		if ( type === 'vec2' ) return `vec2( ${value.x}, ${value.y} )`;
														
 
															-		if ( type === 'vec3' ) return `vec3( ${value.x}, ${value.y}, ${value.z} )`;
														
 
															-		if ( type === 'vec4' ) return `vec4( ${value.x}, ${value.y}, ${value.z}, ${value.w} )`;
														
 
															-		if ( type === 'color' ) return `vec3( ${value.r}, ${value.g}, ${value.b} )`;
														
 
															+		if ( type === 'vec2' ) return `${ this.getType( 'vec2' ) }( ${value.x}, ${value.y} )`;
														
 
															+		if ( type === 'vec3' ) return `${ this.getType( 'vec3' ) }( ${value.x}, ${value.y}, ${value.z} )`;
														
 
															+		if ( type === 'vec4' ) return `${ this.getType( 'vec4' ) }( ${value.x}, ${value.y}, ${value.z}, ${value.w} )`;
														
 
															+		if ( type === 'color' ) return `${ this.getType( 'vec3' ) }( ${value.r}, ${value.g}, ${value.b} )`;
														
 
															 		throw new Error( `NodeBuilder: Type '${type}' not found in generate constant attempt.` );
														
 
															 	}
														
 
															+	getType( type ) {
														
 
															+
														
 
															+		return type;
														
 
															+
														
 
															+	}
														
 
															+
														
 
															+	generateMethod( method ) {
														
 
															+
														
 
															+		return method;
														
 
															+
														
 
															+	}
														
 
															+
														
 
															 	getAttribute( name, type ) {
														
 
															 		const attributes = this.attributes;
														
@@ -140,7 +189,7 @@ class NodeBuilder {
 
															 	}
														
 
															-	getPropertyName( node ) {
														
 
															+	getPropertyName( node/*, shaderStage*/ ) {
														
 
															 		return node.name;
														
@@ -334,30 +383,33 @@ class NodeBuilder {
 
															 	addFlowCode( code ) {
														
 
															-		if ( ! /;\s*$/.test( code ) ) {
														
 
															+		this.flow.code += code;
														
 
															-			code += ';';
														
 
															+	}
														
 
															-		}
														
 
															+	getFlowData( shaderStage, node ) {
														
 
															-		this.flow.code += code + ' ';
														
 
															+		return this.flowsData.get( node );
														
 
															 	}
														
 
															-	flowSlot( slot, shaderStage = this.shaderStage ) {
														
 
															+	flowNode( node ) {
														
 
															+
														
 
															+		this.node = node;
														
 
															-		this.slot = slot;
														
 
															+		const output = node.getNodeType( this );
														
 
															-		const flowData = this.flowNode( slot.node, slot.output );
														
 
															+		const flowData = this.flowChildNode( node, output );
														
 
															-		this.define( shaderStage, `NODE_CODE_${slot.name}`, flowData.code );
														
 
															-		this.define( shaderStage, `NODE_${slot.name}`, flowData.result );
														
 
															+		this.flowsData.set( node, flowData );
														
 
															-		this.slot = null;
														
 
															+		this.node = null;
														
 
															+
														
 
															+		return flowData;
														
 
															 	}
														
 
															-	flowNode( node, output = null ) {
														
 
															+	flowChildNode( node, output = null ) {
														
 
															 		const previousFlow = this.flow;
														
@@ -381,17 +433,15 @@ class NodeBuilder {
 
															 		this.setShaderStage( shaderStage );
														
 
															-		const flowData = this.flowNode( node, output );
														
 
															+		const flowData = this.flowChildNode( node, output );
														
 
															 		if ( propertyName !== null ) {
														
 
															-			flowData.code += `${propertyName} = ${flowData.result}; `;
														
 
															+			flowData.code += `${propertyName} = ${flowData.result};\n\t`;
														
 
															 		}
														
 
															-		const shaderStageCode = this.defines[ shaderStage ][ 'NODE_CODE' ] + flowData.code;
														
 
															-
														
 
															-		this.define( shaderStage, 'NODE_CODE', shaderStageCode );
														
 
															+		this.flowCode[ shaderStage ] = this.flowCode[ shaderStage ] + flowData.code;
														
 
															 		this.setShaderStage( previousShaderStage );
														
@@ -399,22 +449,6 @@ class NodeBuilder {
 
															 	}
														
 
															-	getDefines( shaderStage ) {
														
 
															-
														
 
															-		const defines = this.defines[ shaderStage ];
														
 
															-
														
 
															-		let code = '';
														
 
															-
														
 
															-		for ( const name in defines ) {
														
 
															-
														
 
															-			code += `#define ${name} ${defines[ name ]}\n`;
														
 
															-
														
 
															-		}
														
 
															-
														
 
															-		return code;
														
 
															-
														
 
															-	}
														
 
															-
														
 
															 	getAttributes( shaderStage ) {
														
 
															 		let snippet = '';
														
@@ -501,68 +535,37 @@ class NodeBuilder {
 
															 	}
														
 
															-	build() {
														
 
															-
														
 
															-		const shaderStages = [ 'vertex', 'fragment' ];
														
 
															-		const shaderData = {};
														
 
															-
														
 
															-		for ( const shaderStage of shaderStages ) {
														
 
															+	buildCode() {
														
 
															-			this.setShaderStage( shaderStage );
														
 
															+		console.warn( 'Abstract function.' );
														
 
															-			this.define( shaderStage, 'NODE_CODE', '' );
														
 
															+	}
														
 
															-			const slots = this.slots[ shaderStage ];
														
 
															+	build() {
														
 
															-			for ( const slot of slots ) {
														
 
															+		if ( this.context.vertex && this.context.vertex.isNode ) {
														
 
															-				this.flowSlot( slot, shaderStage );
														
 
															-
														
 
															-			}
														
 
															+			this.flowNodeFromShaderStage( 'vertex', this.context.vertex );
														
 
															 		}
														
 
															-		this.setShaderStage( null );
														
 
															-
														
 
															 		for ( const shaderStage of shaderStages ) {
														
 
															-			const defines = this.getDefines( shaderStage );
														
 
															-			const uniforms = this.getUniforms( shaderStage );
														
 
															-			const attributes = this.getAttributes( shaderStage );
														
 
															-			const varys = this.getVarys( shaderStage );
														
 
															-			const vars = this.getVars( shaderStage );
														
 
															-			const codes = this.getCodes( shaderStage );
														
 
															-
														
 
															-			shaderData[ shaderStage ] = `
														
 
															-				// <node_builder>
														
 
															-
														
 
															-				#define NODE_MATERIAL
														
 
															-
														
 
															-				// defines
														
 
															-				${defines}
														
 
															-
														
 
															-				// uniforms
														
 
															-				${uniforms}
														
 
															-
														
 
															-				// attributes
														
 
															-				${attributes}
														
 
															+			this.setShaderStage( shaderStage );
														
 
															-				// varys
														
 
															-				${varys}
														
 
															+			const flowNodes = this.flowNodes[ shaderStage ];
														
 
															-				// vars
														
 
															-				${vars}
														
 
															+			for ( const node of flowNodes ) {
														
 
															-				// codes
														
 
															-				${codes}
														
 
															+				this.flowNode( node, shaderStage );
														
 
															-				// </node_builder>
														
 
															-				`;
														
 
															+			}
														
 
															 		}
														
 
															-		this.vertexShader = shaderData.vertex;
														
 
															-		this.fragmentShader = shaderData.fragment;
														
 
															+		this.setShaderStage( null );
														
 
															+
														
 
															+		this.buildCode();
														
 
															 		return this;
														
@@ -577,31 +580,42 @@ class NodeBuilder {
 
															 		switch ( typeToType ) {
														
 
															-			case 'float to vec2' : return `vec2( ${snippet} )`;
														
 
															-			case 'float to vec3' : return `vec3( ${snippet} )`;
														
 
															-			case 'float to vec4' : return `vec4( vec3( ${snippet} ), 1.0 )`;
														
 
															-
														
 
															-			case 'vec2 to float' : return `${snippet}.x`;
														
 
															-			case 'vec2 to vec3'  : return `vec3( ${snippet}, 0.0 )`;
														
 
															-			case 'vec2 to vec4'  : return `vec4( ${snippet}.xy, 0.0, 1.0 )`;
														
 
															-
														
 
															-			case 'vec3 to float' : return `${snippet}.x`;
														
 
															-			case 'vec3 to vec2'  : return `${snippet}.xy`;
														
 
															-			case 'vec3 to vec4'  : return `vec4( ${snippet}, 1.0 )`;
														
 
															-
														
 
															-			case 'vec4 to float' : return `${snippet}.x`;
														
 
															-			case 'vec4 to vec2'  : return `${snippet}.xy`;
														
 
															-			case 'vec4 to vec3'  : return `${snippet}.xyz`;
														
 
															-
														
 
															-			case 'mat3 to float' : return `( ${snippet} * vec3( 1.0 ) ).x`;
														
 
															-			case 'mat3 to vec2'  : return `( ${snippet} * vec3( 1.0 ) ).xy`;
														
 
															-			case 'mat3 to vec3'  : return `( ${snippet} * vec3( 1.0 ) ).xyz`;
														
 
															-			case 'mat3 to vec4'  : return `vec4( ${snippet} * vec3( 1.0 ), 1.0 )`;
														
 
															-
														
 
															-			case 'mat4 to float' : return `( ${snippet} * vec4( 1.0 ) ).x`;
														
 
															-			case 'mat4 to vec2'  : return `( ${snippet} * vec4( 1.0 ) ).xy`;
														
 
															-			case 'mat4 to vec3'  : return `( ${snippet} * vec4( 1.0 ) ).xyz`;
														
 
															-			case 'mat4 to vec4'  : return `( ${snippet} * vec4( 1.0 ) )`;
														
 
															+			case 'int to float' : return `${ this.getType( 'float' ) }( ${ snippet } )`;
														
 
															+			case 'int to vec2' : return `${ this.getType( 'vec2' ) }( ${ this.getType( 'float' ) }( ${ snippet } ) )`;
														
 
															+			case 'int to vec3' : return `${ this.getType( 'vec3' ) }( ${ this.getType( 'float' ) }( ${ snippet } ) )`;
														
 
															+			case 'int to vec4' : return `${ this.getType( 'vec4' ) }( ${ this.getType( 'vec3' ) }( ${ this.getType( 'float' ) }( ${ snippet } ) ), 1.0 )`;
														
 
															+
														
 
															+			case 'float to int' : return `${ this.getType( 'int' ) }( ${ snippet } )`;
														
 
															+			case 'float to vec2' : return `${ this.getType( 'vec2' ) }( ${ snippet } )`;
														
 
															+			case 'float to vec3' : return `${ this.getType( 'vec3' ) }( ${ snippet } )`;
														
 
															+			case 'float to vec4' : return `${ this.getType( 'vec4' ) }( ${ this.getType( 'vec3' ) }( ${ snippet } ), 1.0 )`;
														
 
															+
														
 
															+			case 'vec2 to int' : return `${ this.getType( 'int' ) }( ${ snippet }.x )`;
														
 
															+			case 'vec2 to float' : return `${ snippet }.x`;
														
 
															+			case 'vec2 to vec3' : return `${ this.getType( 'vec3' ) }( ${ snippet }, 0.0 )`;
														
 
															+			case 'vec2 to vec4' : return `${ this.getType( 'vec4' ) }( ${ snippet }.xy, 0.0, 1.0 )`;
														
 
															+
														
 
															+			case 'vec3 to int' : return `${ this.getType( 'int' ) }( ${ snippet }.x )`;
														
 
															+			case 'vec3 to float' : return `${ snippet }.x`;
														
 
															+			case 'vec3 to vec2' : return `${ snippet }.xy`;
														
 
															+			case 'vec3 to vec4' : return `${ this.getType( 'vec4' ) }( ${ snippet }, 1.0 )`;
														
 
															+
														
 
															+			case 'vec4 to int' : return `${ this.getType( 'int' ) }( ${ snippet }.x )`;
														
 
															+			case 'vec4 to float' : return `${ snippet }.x`;
														
 
															+			case 'vec4 to vec2' : return `${ snippet }.xy`;
														
 
															+			case 'vec4 to vec3' : return `${ snippet }.xyz`;
														
 
															+
														
 
															+			case 'mat3 to int' : return `${ this.getType( 'int' ) }( ${ snippet } * ${ this.getType( 'vec3' ) }( 1.0 ) ).x`;
														
 
															+			case 'mat3 to float' : return `( ${ snippet } * ${ this.getType( 'vec3' ) }( 1.0 ) ).x`;
														
 
															+			case 'mat3 to vec2' : return `( ${ snippet } * ${ this.getType( 'vec3' ) }( 1.0 ) ).xy`;
														
 
															+			case 'mat3 to vec3' : return `( ${ snippet } * ${ this.getType( 'vec3' ) }( 1.0 ) ).xyz`;
														
 
															+			case 'mat3 to vec4' : return `${ this.getType( 'vec4' ) }( ${ snippet } * ${ this.getType( 'vec3' ) }( 1.0 ), 1.0 )`;
														
 
															+
														
 
															+			case 'mat4 to int' : return `${ this.getType( 'int' ) }( ${ snippet } * ${ this.getType( 'vec4' ) }( 1.0 ) ).x`;
														
 
															+			case 'mat4 to float' : return `( ${ snippet } * ${ this.getType( 'vec4' ) }( 1.0 ) ).x`;
														
 
															+			case 'mat4 to vec2' : return `( ${ snippet } * ${ this.getType( 'vec4' ) }( 1.0 ) ).xy`;
														
 
															+			case 'mat4 to vec3' : return `( ${ snippet } * ${ this.getType( 'vec4' ) }( 1.0 ) ).xyz`;
														
 
															+			case 'mat4 to vec4' : return `( ${ snippet } * ${ this.getType( 'vec4' ) }( 1.0 ) )`;
														
 
															 		}
														
@@ -609,6 +623,11 @@ class NodeBuilder {
 
															 	}
														
 
															+	getSignature() {
														
 
															+
														
 
															+		return `// Three.js r${ REVISION } • NodeMaterial System\n`;
														
 
															+
														
 
															+	}
														
 
															 }
														
--- a/examples/jsm/renderers/nodes/core/NodeFunction.js
+++ b/examples/jsm/renderers/nodes/core/NodeFunction.js
@@ -0,0 +1,22 @@
 
															+class NodeFunction {
														
 
															+
														
 
															+	constructor( type, inputs, name = '', presicion = '' ) {
														
 
															+
														
 
															+		this.type = type;
														
 
															+		this.inputs = inputs;
														
 
															+		this.name = name;
														
 
															+		this.presicion = presicion;
														
 
															+
														
 
															+	}
														
 
															+
														
 
															+	getCode( /*name = this.name*/ ) {
														
 
															+
														
 
															+		console.warn( 'Abstract function.' );
														
 
															+
														
 
															+	}
														
 
															+
														
 
															+}
														
 
															+
														
 
															+NodeFunction.isNodeFunction = true;
														
 
															+
														
 
															+export default NodeFunction;
														
--- a/examples/jsm/renderers/nodes/core/NodeFunctionInput.js
+++ b/examples/jsm/renderers/nodes/core/NodeFunctionInput.js
@@ -1,17 +1,17 @@
 
															 class NodeFunctionInput {
														
 
															-	constructor( type, name, qualifier = '', isConst = false, count = 0 ) {
														
 
															+	constructor( type, name, count = null, qualifier = '', isConst = false ) {
														
 
															 		this.type = type;
														
 
															 		this.name = name;
														
 
															+		this.count = count;
														
 
															 		this.qualifier = qualifier;
														
 
															 		this.isConst = isConst;
														
 
															-		this.count = count;
														
 
															-
														
 
															-		Object.defineProperty( this, 'isNodeFunction', { value: true } );
														
 
															 	}
														
 
															 }
														
 
															+NodeFunctionInput.isNodeFunctionInput = true;
														
 
															+
														
 
															 export default NodeFunctionInput;
														
--- a/examples/jsm/renderers/nodes/core/NodeKeywords.js
+++ b/examples/jsm/renderers/nodes/core/NodeKeywords.js
@@ -1,75 +1,10 @@
 
															-import VarNode from './VarNode.js';
														
 
															-import PropertyNode from './PropertyNode.js';
														
 
															-import PositionNode from '../accessors/PositionNode.js';
														
 
															-import NormalNode from '../accessors/NormalNode.js';
														
 
															-
														
 
															-import { PI, RECIPROCAL_PI, EPSILON } from '../consts/MathConsts.js';
														
 
															-import { saturateMacro, whiteComplementMacro } from '../functions/MathFunctions.js';
														
 
															-
														
 
															 class NodeKeywords {
														
 
															-	static PI = 'PI';
														
 
															-	static RECIPROCAL_PI = 'RECIPROCAL_PI';
														
 
															-	static EPSILON = 'EPSILON';
														
 
															-
														
 
															-	static Saturate = 'saturate';
														
 
															-	static WhiteComplement = 'whiteComplement';
														
 
															-
														
 
															-	static PositionLocal = 'PositionLocal';
														
 
															-	static PositionWorld = 'PositionWorld';
														
 
															-	static PositionView = 'PositionView';
														
 
															-	static PositionViewDirection = 'PositionViewDirection';
														
 
															-
														
 
															-	static NormalLocal = 'NormalLocal';
														
 
															-	static NormalWorld = 'NormalWorld';
														
 
															-	static NormalView = 'NormalView';
														
 
															-
														
 
															-	static Irradiance = 'Irradiance';
														
 
															-	static ReflectedLightIndirectDiffuse = 'ReflectedLightIndirectDiffuse';
														
 
															-	static ReflectedLightIndirectSpecular = 'ReflectedLightIndirectSpecular';
														
 
															-	static ReflectedLightDirectDiffuse = 'ReflectedLightDirectDiffuse';
														
 
															-	static ReflectedLightDirectSpecular = 'ReflectedLightDirectSpecular';
														
 
															-
														
 
															-	static MaterialDiffuseColor = 'MaterialDiffuseColor';
														
 
															-
														
 
															-	// STANDARD
														
 
															-	static MaterialRoughness = 'MaterialRoughness';
														
 
															-	static MaterialMetalness = 'MaterialMetalness';
														
 
															-	static MaterialSpecularTint = 'MaterialSpecularTint';
														
 
															-
														
 
															 	constructor() {
														
 
															-		this.keywords = [
														
 
															-			// consts
														
 
															-			NodeKeywords.PI,
														
 
															-			NodeKeywords.RECIPROCAL_PI,
														
 
															-			NodeKeywords.EPSILON,
														
 
															-			// variadic macros
														
 
															-			NodeKeywords.Saturate,
														
 
															-			NodeKeywords.WhiteComplement,
														
 
															-			// nodes
														
 
															-			NodeKeywords.PositionLocal,
														
 
															-			NodeKeywords.PositionWorld,
														
 
															-			NodeKeywords.PositionView,
														
 
															-			NodeKeywords.PositionViewDirection,
														
 
															-			NodeKeywords.NormalLocal,
														
 
															-			NodeKeywords.NormalWorld,
														
 
															-			NodeKeywords.NormalView,
														
 
															-			// vars -> float
														
 
															-			NodeKeywords.MaterialRoughness,
														
 
															-			NodeKeywords.MaterialMetalness,
														
 
															-			// vars -> vec3
														
 
															-			NodeKeywords.Irradiance,
														
 
															-			NodeKeywords.ReflectedLightIndirectDiffuse,
														
 
															-			NodeKeywords.ReflectedLightIndirectSpecular,
														
 
															-			NodeKeywords.ReflectedLightDirectDiffuse,
														
 
															-			NodeKeywords.ReflectedLightDirectSpecular,
														
 
															-			NodeKeywords.MaterialSpecularTint,
														
 
															-			// vars -> vec4
														
 
															-			NodeKeywords.MaterialDiffuseColor
														
 
															-		];
														
 
															-
														
 
															+		this.keywords = [];
														
 
															 		this.nodes = [];
														
 
															+		this.keywordsCallback = {};
														
 
															 	}
														
@@ -77,120 +12,24 @@ class NodeKeywords {
 
															 		let node = this.nodes[ name ];
														
 
															-		if ( node === undefined ) {
														
 
															-
														
 
															-			switch ( name ) {
														
 
															-
														
 
															-				case NodeKeywords.PI:
														
 
															-
														
 
															-					node = PI;
														
 
															-
														
 
															-					break;
														
 
															-
														
 
															-				case NodeKeywords.RECIPROCAL_PI:
														
 
															-
														
 
															-					node = RECIPROCAL_PI;
														
 
															-
														
 
															-					break;
														
 
															-
														
 
															-				case NodeKeywords.EPSILON:
														
 
															-
														
 
															-					node = EPSILON;
														
 
															-
														
 
															-					break;
														
 
															-
														
 
															-				case NodeKeywords.Saturate:
														
 
															-
														
 
															-					node = saturateMacro;
														
 
															-
														
 
															-					break;
														
 
															-
														
 
															-				case NodeKeywords.WhiteComplement:
														
 
															-
														
 
															-					node = whiteComplementMacro;
														
 
															-
														
 
															-					break;
														
 
															-
														
 
															-				case NodeKeywords.PositionLocal:
														
 
															-
														
 
															-					node = new VarNode( new PositionNode( PositionNode.LOCAL ), name );
														
 
															-
														
 
															-					break;
														
 
															-
														
 
															-				case NodeKeywords.PositionWorld:
														
 
															-
														
 
															-					node = new VarNode( new PositionNode( PositionNode.WORLD ), name );
														
 
															+		if ( node === undefined && this.keywordsCallback[ name ] !== undefined ) {
														
 
															-					break;
														
 
															+			node = this.keywordsCallback[ name ]( name );
														
 
															-				case NodeKeywords.PositionView:
														
 
															+			this.nodes[ name ] = node;
														
 
															-					node = new VarNode( new PositionNode( PositionNode.VIEW ), name );
														
 
															-
														
 
															-					break;
														
 
															-
														
 
															-				case NodeKeywords.PositionViewDirection:
														
 
															-
														
 
															-					node = new VarNode( new PositionNode( PositionNode.VIEW_DIRECTION ), name );
														
 
															-
														
 
															-					break;
														
 
															-
														
 
															-				case NodeKeywords.NormalLocal:
														
 
															-
														
 
															-					node = new VarNode( new NormalNode( NormalNode.LOCAL ), name );
														
 
															-
														
 
															-					break;
														
 
															-
														
 
															-				case NodeKeywords.NormalWorld:
														
 
															-
														
 
															-					node = new VarNode( new NormalNode( NormalNode.WORLD ), name );
														
 
															-
														
 
															-					break;
														
 
															-
														
 
															-				case NodeKeywords.NormalView:
														
 
															-
														
 
															-					node = new VarNode( new NormalNode( NormalNode.VIEW ), name );
														
 
															-
														
 
															-					break;
														
 
															-
														
 
															-				// floats properties
														
 
															-				case NodeKeywords.MaterialRoughness:
														
 
															-				case NodeKeywords.MaterialMetalness:
														
 
															-
														
 
															-					node = new PropertyNode( name, 'float' );
														
 
															-
														
 
															-					break;
														
 
															-
														
 
															-				// vec3 properties
														
 
															-				case NodeKeywords.Irradiance:
														
 
															-				case NodeKeywords.ReflectedLightIndirectDiffuse:
														
 
															-				case NodeKeywords.ReflectedLightIndirectSpecular:
														
 
															-				case NodeKeywords.ReflectedLightDirectDiffuse:
														
 
															-				case NodeKeywords.ReflectedLightDirectSpecular:
														
 
															-				case NodeKeywords.MaterialSpecularTint:
														
 
															-
														
 
															-					node = new PropertyNode( name, 'vec3' );
														
 
															-
														
 
															-					break;
														
 
															-
														
 
															-				// vec4 properties
														
 
															-				case NodeKeywords.MaterialDiffuseColor:
														
 
															-
														
 
															-					node = new PropertyNode( name, 'vec4' );
														
 
															-
														
 
															-					break;
														
 
															-
														
 
															-			}
														
 
															+		}
														
 
															-			if ( node !== undefined ) {
														
 
															+		return node;
														
 
															-				this.nodes[ name ] = node;
														
 
															+	}
														
 
															-			}
														
 
															+	addKeyword( name, callback ) {
														
 
															-		}
														
 
															+		this.keywords.push( name );
														
 
															+		this.keywordsCallback[ name ] = callback;
														
 
															-		return node;
														
 
															+		return this;
														
 
															 	}
														
@@ -202,7 +41,7 @@ class NodeKeywords {
 
															 		const codeKeywords = code.match( regExp );
														
 
															-		const keywords = [];
														
 
															+		const keywordNodes = [];
														
 
															 		if ( codeKeywords !== null ) {
														
@@ -210,9 +49,9 @@ class NodeKeywords {
 
															 				const node = this.getNode( keyword );
														
 
															-				if ( keywords.indexOf( node ) === - 1 ) {
														
 
															+				if ( node !== undefined && keywordNodes.indexOf( node ) === - 1 ) {
														
 
															-					keywords.push( node );
														
 
															+					keywordNodes.push( node );
														
 
															 				}
														
@@ -220,15 +59,15 @@ class NodeKeywords {
 
															 		}
														
 
															-		return keywords;
														
 
															+		return keywordNodes;
														
 
															 	}
														
 
															 	include( builder, code ) {
														
 
															-		const keywords = this.parse( code );
														
 
															+		const keywordNodes = this.parse( code );
														
 
															-		for ( const keywordNode of keywords ) {
														
 
															+		for ( const keywordNode of keywordNodes ) {
														
 
															 			keywordNode.build( builder );
														
--- a/examples/jsm/renderers/nodes/core/NodeParser.js
+++ b/examples/jsm/renderers/nodes/core/NodeParser.js
@@ -0,0 +1,11 @@
 
															+class NodeParser {
														
 
															+
														
 
															+	parseFunction( /*source*/ ) {
														
 
															+
														
 
															+		console.warn( 'Abstract function.' );
														
 
															+
														
 
															+	}
														
 
															+
														
 
															+}
														
 
															+
														
 
															+export default NodeParser;
														
--- a/examples/jsm/renderers/nodes/core/NodeSlot.js
+++ b/examples/jsm/renderers/nodes/core/NodeSlot.js
@@ -1,13 +0,0 @@
 
															-class NodeSlot {
														
 
															-
														
 
															-	constructor( node, name, output ) {
														
 
															-
														
 
															-		this.node = node;
														
 
															-		this.name = name;
														
 
															-		this.output = output;
														
 
															-
														
 
															-	}
														
 
															-
														
 
															-}
														
 
															-
														
 
															-export default NodeSlot;
														
--- a/examples/jsm/renderers/nodes/core/NodeVar.js
+++ b/examples/jsm/renderers/nodes/core/NodeVar.js
@@ -5,10 +5,10 @@ class NodeVar {
 
															 		this.name = name;
														
 
															 		this.type = type;
														
 
															-		Object.defineProperty( this, 'isNodeVar', { value: true } );
														
 
															-
														
 
															 	}
														
 
															 }
														
 
															+NodeVar.prototype.isNodeVar = true;
														
 
															+
														
 
															 export default NodeVar;
														
--- a/examples/jsm/renderers/nodes/core/PropertyNode.js
+++ b/examples/jsm/renderers/nodes/core/PropertyNode.js
@@ -2,7 +2,7 @@ import Node from './Node.js';
 
															 class PropertyNode extends Node {
														
 
															-	constructor( name, nodeType ) {
														
 
															+	constructor( name = null, nodeType = 'vec4' ) {
														
 
															 		super( nodeType );
														
@@ -10,10 +10,22 @@ class PropertyNode extends Node {
 
															 	}
														
 
															+	getHash( builder ) {
														
 
															+
														
 
															+		return this.name || super.getHash( builder );
														
 
															+
														
 
															+	}
														
 
															+
														
 
															 	generate( builder ) {
														
 
															 		const nodeVary = builder.getVarFromNode( this, this.getNodeType( builder ) );
														
 
															-		nodeVary.name = this.name;
														
 
															+		const name = this.name;
														
 
															+
														
 
															+		if ( name !== null ) {
														
 
															+
														
 
															+			nodeVary.name = name;
														
 
															+
														
 
															+		}
														
 
															 		return builder.getPropertyName( nodeVary );
														
--- a/examples/jsm/renderers/nodes/core/StructNode.js
+++ b/examples/jsm/renderers/nodes/core/StructNode.js
@@ -1,80 +0,0 @@
 
															-import CodeNode from './CodeNode.js';
														
 
															-import StructVarNode from './StructVarNode.js';
														
 
															-
														
 
															-class StructNode extends CodeNode {
														
 
															-
														
 
															-	constructor( inputs = {}, name = '' ) {
														
 
															-
														
 
															-		super();
														
 
															-
														
 
															-		this.inputs = inputs;
														
 
															-		this.name = name;
														
 
															-
														
 
															-	}
														
 
															-
														
 
															-	getNodeType( builder ) {
														
 
															-
														
 
															-		if ( this.name !== '' ) {
														
 
															-
														
 
															-			return this.name;
														
 
															-
														
 
															-		} else {
														
 
															-
														
 
															-			const codeNode = builder.getCodeFromNode( this, 'code' );
														
 
															-
														
 
															-			return codeNode.name;
														
 
															-
														
 
															-		}
														
 
															-
														
 
															-	}
														
 
															-
														
 
															-	create( inputs = {} ) {
														
 
															-
														
 
															-		return new StructVarNode( this, inputs );
														
 
															-
														
 
															-	}
														
 
															-
														
 
															-	generate( builder, output ) {
														
 
															-
														
 
															-		const type = this.getNodeType( builder );
														
 
															-		const inputs = this.inputs;
														
 
															-
														
 
															-		let code = `struct ${type} {\n`;
														
 
															-
														
 
															-		for ( const inputName in inputs ) {
														
 
															-
														
 
															-			const inputType = inputs[ inputName ];
														
 
															-
														
 
															-			code += `\t${inputType} ${inputName};\n`;
														
 
															-
														
 
															-		}
														
 
															-
														
 
															-		code += `};`;
														
 
															-
														
 
															-		this.code = code;
														
 
															-
														
 
															-		super.generate( builder, output );
														
 
															-
														
 
															-		if ( output === 'var' ) {
														
 
															-
														
 
															-			const nodeData = builder.getDataFromNode( this );
														
 
															-
														
 
															-			if ( nodeData.index === undefined ) {
														
 
															-
														
 
															-				nodeData.index = 0;
														
 
															-
														
 
															-			}
														
 
															-
														
 
															-			return `structVar${nodeData.index ++}`;
														
 
															-
														
 
															-		} else {
														
 
															-
														
 
															-			return code;
														
 
															-
														
 
															-		}
														
 
															-
														
 
															-	}
														
 
															-
														
 
															-}
														
 
															-
														
 
															-export default StructNode;
														
--- a/examples/jsm/renderers/nodes/core/StructVarNode.js
+++ b/examples/jsm/renderers/nodes/core/StructVarNode.js
@@ -1,75 +0,0 @@
 
															-import Node from './Node.js';
														
 
															-import FloatNode from '../inputs/FloatNode.js';
														
 
															-
														
 
															-const zeroValue = new FloatNode( 0 ).setConst( true );
														
 
															-
														
 
															-class StructVarNode extends Node {
														
 
															-
														
 
															-	constructor( struct, inputs = {} ) {
														
 
															-
														
 
															-		super();
														
 
															-
														
 
															-		this.struct = struct;
														
 
															-		this.inputs = inputs;
														
 
															-
														
 
															-	}
														
 
															-
														
 
															-	getNodeType( builder ) {
														
 
															-
														
 
															-		return this.struct.getNodeType( builder );
														
 
															-
														
 
															-	}
														
 
															-
														
 
															-	generate( builder ) {
														
 
															-
														
 
															-		const type = this.getNodeType( builder );
														
 
															-
														
 
															-		const struct = this.struct;
														
 
															-
														
 
															-		const inputs = this.inputs;
														
 
															-		const structInputs = this.struct.inputs;
														
 
															-
														
 
															-		const nodeData = builder.getDataFromNode( this );
														
 
															-
														
 
															-		let property = nodeData.property;
														
 
															-
														
 
															-		if ( property === undefined ) {
														
 
															-
														
 
															-			property = struct.build( builder, 'var' );
														
 
															-
														
 
															-			const inputsSnippets = [];
														
 
															-
														
 
															-			for ( const inputName in structInputs ) {
														
 
															-
														
 
															-				const inputType = structInputs[ inputName ];
														
 
															-				const input = inputs[ inputName ];
														
 
															-
														
 
															-				let inputSnippet = null;
														
 
															-
														
 
															-				if ( input !== undefined ) {
														
 
															-
														
 
															-					inputSnippet = input.build( builder, inputType );
														
 
															-
														
 
															-				} else {
														
 
															-
														
 
															-					inputSnippet = zeroValue.build( builder, inputType );
														
 
															-
														
 
															-				}
														
 
															-
														
 
															-				inputsSnippets.push( inputSnippet );
														
 
															-
														
 
															-			}
														
 
															-
														
 
															-			builder.addFlowCode( `${type} ${property} = ${type}( ${inputsSnippets.join( ', ' )} )` );
														
 
															-
														
 
															-			nodeData.property = property;
														
 
															-
														
 
															-		}
														
 
															-
														
 
															-		return property;
														
 
															-
														
 
															-	}
														
 
															-
														
 
															-}
														
 
															-
														
 
															-export default StructVarNode;
														
--- a/examples/jsm/renderers/nodes/core/TempNode.js
+++ b/examples/jsm/renderers/nodes/core/TempNode.js
@@ -12,33 +12,30 @@ class TempNode extends Node {
 
															 		const type = builder.getVectorType( this.getNodeType( builder ) );
														
 
															-		if ( type !== 'void' ) {
														
 
															-
														
 
															-			const nodeVar = builder.getVarFromNode( this, type );
														
 
															-			const propertyName = builder.getPropertyName( nodeVar );
														
 
															+		if ( builder.context.temp !== false && type !== 'void ' && output !== 'void' ) {
														
 
															 			const nodeData = builder.getDataFromNode( this );
														
 
															-			let snippet = nodeData.snippet;
														
 
															+			if ( nodeData.snippet === undefined ) {
														
 
															-			if ( snippet === undefined ) {
														
 
															+				const snippet = super.build( builder, type );
														
 
															-				snippet = super.build( builder, type );
														
 
															+				const nodeVar = builder.getVarFromNode( this, type );
														
 
															+				const propertyName = builder.getPropertyName( nodeVar );
														
 
															 				builder.addFlowCode( `${propertyName} = ${snippet}` );
														
 
															 				nodeData.snippet = snippet;
														
 
															+				nodeData.propertyName = propertyName;
														
 
															 			}
														
 
															-			return builder.format( propertyName, type, output );
														
 
															-
														
 
															-		} else {
														
 
															-
														
 
															-			return super.build( builder, output );
														
 
															+			return builder.format( nodeData.propertyName, type, output );
														
 
															 		}
														
 
															+		return super.build( builder, output );
														
 
															+
														
 
															 	}
														
 
															 }
														
--- a/examples/jsm/renderers/nodes/core/VarNode.js
+++ b/examples/jsm/renderers/nodes/core/VarNode.js
@@ -2,32 +2,37 @@ import Node from './Node.js';
 
															 class VarNode extends Node {
														
 
															-	constructor( value, name = '', nodeType = null ) {
														
 
															+	constructor( node, name = null, nodeType = null ) {
														
 
															 		super( nodeType );
														
 
															-		this.value = value;
														
 
															+		this.node = node;
														
 
															 		this.name = name;
														
 
															 	}
														
 
															+	getHash( builder ) {
														
 
															+
														
 
															+		return this.name || super.getHash( builder );
														
 
															+
														
 
															+	}
														
 
															+
														
 
															 	getNodeType( builder ) {
														
 
															-		return super.getNodeType( builder ) || this.value.getNodeType( builder );
														
 
															+		return super.getNodeType( builder ) || this.node.getNodeType( builder );
														
 
															 	}
														
 
															 	generate( builder ) {
														
 
															 		const type = builder.getVectorType( this.getNodeType( builder ) );
														
 
															+		const node = this.node;
														
 
															 		const name = this.name;
														
 
															-		const value = this.value;
														
 
															+		const snippet = node.build( builder, type );
														
 
															 		const nodeVar = builder.getVarFromNode( this, type );
														
 
															-		const snippet = value.build( builder, type );
														
 
															-
														
 
															-		if ( name !== '' ) {
														
 
															+		if ( name !== null ) {
														
 
															 			nodeVar.name = name;