6 年前 · 54c6ef8d35
--- a/.github/ISSUE_TEMPLATE.md
+++ b/.github/ISSUE_TEMPLATE.md
@@ -19,7 +19,7 @@ Please also include a live example if possible. You can start from these templat
 
															 ##### Three.js version
														
 
															 - [ ] Dev
														
 
															-- [ ] r98
														
 
															+- [ ] r99
														
 
															 - [ ] ...
														
 
															 ##### Browser
														
--- a/README.md
+++ b/README.md
@@ -79,8 +79,8 @@ If everything went well you should see [this](https://jsfiddle.net/f2Lommf5/).
 
															 [npm]: https://img.shields.io/npm/v/three.svg
														
 
															 [npm-url]: https://www.npmjs.com/package/three
														
 
															-[build-size]: https://badge-size.herokuapp.com/mrdoob/three.js/master/build/three.min.js.svg?compression=gzip
														
 
															-[build-size-url]: https://github.com/mrdoob/three.js/tree/master/build
														
 
															+[build-size]: https://badgen.net/bundlephobia/minzip/three
														
 
															+[build-size-url]: https://bundlephobia.com/result?p=three
														
 
															 [build-status]: https://travis-ci.org/mrdoob/three.js.svg?branch=dev
														
 
															 [build-status-url]: https://travis-ci.org/mrdoob/three.js
														
 
															 [dependencies]: https://img.shields.io/david/mrdoob/three.js.svg
														
--- 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/animation/AnimationClip.html
+++ b/docs/api/en/animation/AnimationClip.html
@@ -96,10 +96,7 @@
 
															 		<p>
														
 
															 			Returns an array of new AnimationClips created from the [page:Geometry.morphTargets morph
														
 
															 			target sequences] of a geometry, trying to sort morph target names into animation-group-based
														
 
															-			patterns like "Walk_001, Walk_002, Run_001, Run_002 ..."<br /><br />
														
 
															-
														
 
															-			This method is called by the [page:JSONLoader] internally, and it uses
														
 
															-			[page:.CreateFromMorphTargetSequence CreateFromMorphTargetSequence].
														
 
															+			patterns like "Walk_001, Walk_002, Run_001, Run_002 ...".
														
 
															 		</p>
														
 
															 		<h3>[method:AnimationClip CreateFromMorphTargetSequence]( [param:String name], [param:Array morphTargetSequence], [param:Number fps], [param:Boolean noLoop] )</h3>
														
--- a/docs/api/en/audio/Audio.html
+++ b/docs/api/en/audio/Audio.html
@@ -62,6 +62,9 @@
 
															 		<h3>[property:AudioContext context]</h3>
														
 
															 		<p>The [link:https://developer.mozilla.org/en-US/docs/Web/API/AudioContext AudioContext] of the [page:AudioListener listener] given in the constructor.</p>
														
 
															+		<h3>[property:Number detune]</h3>
														
 
															+		<p>Modify pitch, measured in cents. +/- 100 is a semitone. +/- 1200 is an octave. Default is *0*.</p>
														
 
															+
														
 
															 		<h3>[property:Array filters]</h3>
														
 
															 		<p>Represents an array of [link:https://developer.mozilla.org/en-US/docs/Web/API/BiquadFilterNode BiquadFilterNodes]. Can be used to apply a variety of low-order filters to create more complex sound effects. Filters are set via [page:Audio.setFilter] or [page:Audio.setFilters].</p>
														
--- a/docs/api/en/deprecated/DeprecatedList.html
+++ b/docs/api/en/deprecated/DeprecatedList.html
@@ -245,24 +245,13 @@
 
															 			Light.shadowMapHeight is now [page:Light.shadow.mapSize.height].
														
 
															 		</p>
														
 
															-
														
 
															-
														
 
															-
														
 
															-
														
 
															-
														
 
															-
														
 
															-
														
 
															 		<h2>Loaders</h2>
														
 
															 		<h3>[page:XHRLoader]</h3>
														
 
															 		<p>XHRLoader has been renamed to [page:FileLoader].</p>
														
 
															-
														
 
															-
														
 
															-
														
 
															-
														
 
															-
														
 
															-
														
 
															+		<h3>[page:JSONLoader]</h3>
														
 
															+		<p>JSONLoader has been removed from core.</p>
														
 
															 		<h2>Maths</h2>
														
@@ -494,11 +483,10 @@
 
															 			Shape.makeGeometry has been removed. Use [page:ShapeGeometry] instead.
														
 
															 		</p>
														
 
															-
														
 
															-
														
 
															-
														
 
															-
														
 
															-
														
 
															+		<h3>[page:SkinnedMesh]</h3>
														
 
															+		<p>
														
 
															+			SkinnedMesh.initBones() has been removed.
														
 
															+		</p>
														
 
															 		<h2>Renderers</h2>
														
--- a/docs/api/en/loaders/JSONLoader.html
+++ b/docs/api/en/loaders/JSONLoader.html
@@ -1,122 +0,0 @@
 
															-<!DOCTYPE html>
														
 
															-<html lang="en">
														
 
															-	<head>
														
 
															-		<meta charset="utf-8" />
														
 
															-		<base href="../../../" />
														
 
															-		<script src="list.js"></script>
														
 
															-		<script src="page.js"></script>
														
 
															-		<link type="text/css" rel="stylesheet" href="page.css" />
														
 
															-	</head>
														
 
															-	<body>
														
 
															-		<h1>[name]</h1>
														
 
															-
														
 
															-		<p class="desc">
														
 
															-			A loader for loading objects in JSON format.
														
 
															-			This uses the [page:FileLoader] internally for loading files.
														
 
															-		</p>
														
 
															-
														
 
															-		<h2>Example</h2>
														
 
															-
														
 
															-		<p>
														
 
															-		[example:webgl_loader_json WebGL / loader / json]
														
 
															-		</p>
														
 
															-
														
 
															-		<code>
														
 
															-		// instantiate a loader
														
 
															-		var loader = new THREE.JSONLoader();
														
 
															-
														
 
															-		// load a resource
														
 
															-		loader.load(
														
 
															-			// resource URL
														
 
															-			'models/animated/monster/monster.js',
														
 
															-
														
 
															-			// onLoad callback
														
 
															-			function ( geometry, materials ) {
														
 
															-				var material = materials[ 0 ];
														
 
															-				var object = new THREE.Mesh( geometry, material );
														
 
															-				scene.add( object );
														
 
															-			},
														
 
															-
														
 
															-			// onProgress callback
														
 
															-			function ( xhr ) {
														
 
															-				console.log( (xhr.loaded / xhr.total * 100) + '% loaded' );
														
 
															-			},
														
 
															-
														
 
															-			// onError callback
														
 
															-			function( err ) {
														
 
															-				console.log( 'An error happened' );
														
 
															-			}
														
 
															-		);
														
 
															-		</code>
														
 
															-
														
 
															-		<h2>Constructor</h2>
														
 
															-
														
 
															-		<h3>[name]( [param:LoadingManager manager] )</h3>
														
 
															-		<p>
														
 
															-		[page:LoadingManager manager] — The [page:LoadingManager loadingManager] for the loader to use. Default is [page:LoadingManager THREE.DefaultLoadingManager].
														
 
															-		</p>
														
 
															-		<p>
														
 
															-		Creates a new [name].
														
 
															-		</p>
														
 
															-
														
 
															-		<h2>Properties</h2>
														
 
															-
														
 
															-		<h3>[property:String crossOrigin]</h3>
														
 
															-		<p>
														
 
															-		If set, assigns the [link:https://developer.mozilla.org/en-US/docs/Web/HTML/CORS_settings_attributes crossOrigin]
														
 
															-	 attribute of the image to the value of *crossOrigin*, prior to starting the load. Default is *"anonymous"*.
														
 
															-		</p>
														
 
															-
														
 
															-		<h3>[property:LoadingManager manager]</h3>
														
 
															-		<p>
														
 
															-			The [page:LoadingManager loadingManager]  the loader is using. Default is [page:DefaultLoadingManager].
														
 
															-		</p>
														
 
															-
														
 
															-		<h3>[property:String withCredentials]</h3>
														
 
															-		<p>
														
 
															-			Whether the XMLHttpRequest uses credentials.
														
 
															-			Default is *false*.
														
 
															-		</p>
														
 
															-
														
 
															-		<h2>Methods</h2>
														
 
															-
														
 
															-		<h3>[method:null load]( [param:String url], [param:Function onLoad], [param:Function onProgress], [param:Function onError] )</h3>
														
 
															-		<p>
														
 
															-		[page:String url] — the path or URL to the file. This can also be a
														
 
															-			[link:https://developer.mozilla.org/en-US/docs/Web/HTTP/Basics_of_HTTP/Data_URIs Data URI]..<br />
														
 
															-		[page:Function onLoad] — Will be called when load completes. The argument will be the loaded text response.<br />
														
 
															-		[page:Function onProgress] — Will be called while load progresses. The argument will be the XMLHttpRequest instance, which contains .[page:Integer total] and .[page:Integer loaded] bytes.<br />
														
 
															-		[page:Function onError] — Will be called when load errors.<br />
														
 
															-		</p>
														
 
															-		<p>
														
 
															-		Begin loading from url and pass the <em>JSON</em> to onLoad.
														
 
															-		</p>
														
 
															-
														
 
															-		<h3>[method:Object3D parse]( [param:Object json], [param:String path] )</h3>
														
 
															-		<p>
														
 
															-		[page:String json] — JSON object to parse.<br />
														
 
															-		[page:String path] — Base path for resources if no resource path is defined.<br /><br />
														
 
															-
														
 
															-		Parse a <em>JSON</em> structure and return an [page:object] containing the parsed [page:Geometry geometry] and [page:Array materials].
														
 
															-		</p>
														
 
															-
														
 
															-		<h3>[method:JSONLoader setCrossOrigin]( [param:String value] )</h3>
														
 
															-		<p>
														
 
															-			Set the [page:.crossOrigin] attribute.
														
 
															-		</p>
														
 
															-
														
 
															-		<h3>[method:JSONLoader setPath]( [param:String value] )</h3>
														
 
															-		<p>
														
 
															-			Set the base path for the original file.
														
 
															-		</p>
														
 
															-
														
 
															-		<h3>[method:JSONLoader setResourcePath]( [param:String value] )</h3>
														
 
															-		<p>
														
 
															-			Set the base path for dependent resources like textures.
														
 
															-		</p>
														
 
															-
														
 
															-		<h2>Source</h2>
														
 
															-
														
 
															-		[link:https://github.com/mrdoob/three.js/blob/master/src/[path].js src/[path].js]
														
 
															-	</body>
														
 
															-</html>
														
--- a/docs/api/en/loaders/ObjectLoader.html
+++ b/docs/api/en/loaders/ObjectLoader.html
@@ -13,15 +13,12 @@
 
															 		<p class="desc">
														
 
															 			A loader for loading a JSON resource in the [link:https://github.com/mrdoob/three.js/wiki/JSON-Object-Scene-format-4 JSON Object/Scene format].<br /><br />
														
 
															-			Note that this loader can't load geometries of type [page:Geometry]. Use [page:JSONLoader] instead for that.<br /><br />
														
 
															-
														
 
															 			This uses the [page:FileLoader] internally for loading files.
														
 
															 		</p>
														
 
															 		<h2>Example</h2>
														
 
															 		<p>
														
 
															-			[example:webgl_animation_skinning_blending WebGL / animation / skinning / blending]<br />
														
 
															 			[example:webgl_loader_json_claraio WebGL / loader / json / claraio]<br />
														
 
															 			[example:webgl_materials_lightmap WebGL / materials / lightmap]
														
 
															 		</p>
														
@@ -119,7 +116,6 @@
 
															 		[page:Object json] — required. The JSON source to parse.<br /><br />
														
 
															 		This is used [page:.parse] to parse any [page:Geometry geometries] or [page:BufferGeometry buffer geometries]  in the JSON structure.
														
 
															-		Internally it uses [page:JSONLoader] for geometries and [page:BufferGeometryLoader] for buffer geometries.
														
 
															 		</p>
														
 
															 		<h3>[method:Object3D parseMaterials]( [param:Object json] )</h3>
														
--- a/docs/api/en/objects/SkinnedMesh.html
+++ b/docs/api/en/objects/SkinnedMesh.html
@@ -149,11 +149,6 @@
 
															 		Updates the [page:Matrix4 MatrixWorld].
														
 
															 		</p>
														
 
															-		<h3>[method:null initBones]()</h3>
														
 
															-		<p>
														
 
															-		Creates an array of hierarchical [page:Bone bones] objects from the internal geometry.
														
 
															-		</p>
														
 
															-
														
 
															 		<h2>Source</h2>
														
 
															 		[link:https://github.com/mrdoob/three.js/blob/master/src/[path].js src/[path].js]
														
--- a/docs/api/en/scenes/Scene.html
+++ b/docs/api/en/scenes/Scene.html
@@ -41,7 +41,7 @@
 
															 		<h3>[property:Object background]</h3>
														
 
															 		<p>
														
 
															-		If not null, sets the background used when rendering the scene, and is always rendered first. Can be set to a [page:Color] which sets the clear color, a [page:Texture] covering the canvas, or a [page:CubeTexture]. Default is null.
														
 
															+		If not null, sets the background used when rendering the scene, and is always rendered first. Can be set to a [page:Color] which sets the clear color, a [page:Texture] covering the canvas, or a cubemap as a [page:CubeTexture] or [page:WebGLRenderTargetCube]. Default is null.
														
 
															 		</p>
														
 
															 		<h2>Methods</h2>
														
--- a/docs/api/zh/animation/AnimationClip.html
+++ b/docs/api/zh/animation/AnimationClip.html
@@ -91,10 +91,7 @@
 
															 		<h3>[method:Array CreateClipsFromMorphTargetSequences]( [param:String name], [param:Array morphTargetSequence], [param:Number fps], [param:Boolean noLoop] )</h3>
														
 
															 		<p>
														
 
															 			返回从几何体的变形目标序列([page:Geometry.morphTargets morph
														
 
															-			target sequences])创建的新动画剪辑(AnimationClip)数组，并尝试将变形目标名称分类为基于动画组的模式，如“Walk_001、Walk_002、Run_001、Run_002……”。<br /><br />
														
 
															-
														
 
															-			该方法被[page:JSONLoader]内部调用, 并且它使用了
														
 
															-			[page:.CreateFromMorphTargetSequence CreateFromMorphTargetSequence].
														
 
															+			target sequences])创建的新动画剪辑(AnimationClip)数组，并尝试将变形目标名称分类为基于动画组的模式，如“Walk_001、Walk_002、Run_001、Run_002……”。
														
 
															 		</p>
														
 
															 		<h3>[method:AnimationClip CreateFromMorphTargetSequence]( [param:String name], [param:Array morphTargetSequence], [param:Number fps], [param:Boolean noLoop] )</h3>
														
--- a/docs/api/zh/animation/tracks/BooleanKeyframeTrack.html
+++ b/docs/api/zh/animation/tracks/BooleanKeyframeTrack.html
@@ -14,36 +14,36 @@
 
															 		<h1>[name]</h1>
														
 
															 		<p class="desc">
														
 
															-			A Track of boolean keyframe values.
														
 
															+			布尔类型的关键帧轨道。
														
 
															 		</p>
														
 
															-		<h2>Constructor</h2>
														
 
															+		<h2>构造函数</h2>
														
 
															 		<h3>[name]( [param:String name], [param:Array times], [param:Array values] )</h3>
														
 
															 		<p>
														
 
															-			[page:String name] - (required) identifier for the KeyframeTrack.<br />
														
 
															-			[page:Array times] - (required) array of keyframe times.<br />
														
 
															-			[page:Array values] - values for the keyframes at the times specified.<br />
														
 
															+			[page:String name] - (必须) 关键帧轨道(KeyframeTrack)的标识符.<br />
														
 
															+			[page:Array times] - (必须) 关键帧的时间数组.<br />
														
 
															+			[page:Array values] - 与时间数组中的时间点对应的值数组.<br />
														
 
															 		</p>
														
 
															-		<h2>Properties</h2>
														
 
															+		<h2>属性</h2>
														
 
															 		<p class="desc">
														
 
															-			See [page:KeyframeTrack] for inherited properties.
														
 
															+			参见 [page:KeyframeTrack] 查看继承的属性.
														
 
															 		</p>
														
 
															 		<h3>[property:Constant DefaultInterpolation]</h3>
														
 
															 		<p>
														
 
															-			The default interpolation type to use, [page:Animation InterpolateDiscrete].
														
 
															+			默认的插值类型。 参见 [page:Animation InterpolateDiscrete].
														
 
															 		</p>
														
 
															 		<h3>[property:Array ValueBufferType]</h3>
														
 
															 		<p>
														
 
															-			A normal Array (no Float32Array in this case, unlike *ValueBufferType* of [page:KeyframeTrack]).
														
 
															+			一个基本数组 (不是 Float32Array 类型, 与 [page:KeyframeTrack] 内的 *ValueBufferType* 属性不一样).
														
 
															 		</p>
														
 
															 		<h3>[property:String ValueTypeName]</h3>
														
@@ -52,25 +52,25 @@
 
															 		</p>
														
 
															-		<h2>Methods</h2>
														
 
															+		<h2>方法</h2>
														
 
															 		<p class="desc">
														
 
															-			See [page:KeyframeTrack] for inherited methods.
														
 
															+			参见 [page:KeyframeTrack] 查看继承的方法.
														
 
															 		</p>
														
 
															 		<h3>[method:null InterpolantFactoryMethodLinear ]()</h3>
														
 
															 		<p>
														
 
															-			The value of this method here is 'undefined', as it does not make sense for discrete properties.
														
 
															+			这个方法在这里的值为 'undefined', 因为他对离散属性没有意义.
														
 
															 		</p>
														
 
															 		<h3>[method:null InterpolantFactoryMethodSmooth ]()</h3>
														
 
															 		<p>
														
 
															-			The value of this method here is 'undefined', as it does not make sense for discrete properties.
														
 
															+			这个方法在这里的值为 'undefined', 因为他对离散属性没有意义.
														
 
															 		</p>
														
 
															-		<h2>Source</h2>
														
 
															+		<h2>源码</h2>
														
 
															 		[link:https://github.com/mrdoob/three.js/blob/master/src/[path].js src/[path].js]
														
--- a/docs/api/zh/animation/tracks/ColorKeyframeTrack.html
+++ b/docs/api/zh/animation/tracks/ColorKeyframeTrack.html
@@ -14,31 +14,30 @@
 
															 		<h1>[name]</h1>
														
 
															 		<p class="desc">
														
 
															-			A Track of keyframe values that represent color changes.<br /><br />
														
 
															-			The very basic implementation of this subclass has nothing special yet. However, this is the place
														
 
															-			for color space parameterization.
														
 
															+			反应颜色变化的关键帧轨道。<br /><br />
														
 
															+			这个子类的基本实现还没有什么特别之处。不过，这里可以表示颜色空间参数化。
														
 
															 		</p>
														
 
															-		<h2>Constructor</h2>
														
 
															+		<h2>构造函数</h2>
														
 
															 		<h3>[name]( [param:String name], [param:Array times], [param:Array values] )</h3>
														
 
															 		<p>
														
 
															-			[page:String name] - (required) identifier for the KeyframeTrack.<br />
														
 
															-			[page:Array times] - (required) array of keyframe times.<br />
														
 
															-			[page:Array values] - values for the keyframes at the times specified.<br />
														
 
															-			[page:Constant interpolation] - the type of interpolation to use. See
														
 
															-			[page:Animation Animation Constants] for possible values. Default is
														
 
															+			[page:String name] - (必须) 关键帧轨道(KeyframeTrack)的标识符.<br />
														
 
															+			[page:Array times] - (必须) 关键帧的时间数组.<br />
														
 
															+			[page:Array values] - 与时间数组中的时间点对应的值数组.<br />
														
 
															+			[page:Constant interpolation] - 使用的插值类型。 取值参考
														
 
															+			[page:Animation Animation Constants]. 默认值为
														
 
															 			[page:Animation InterpolateLinear].
														
 
															 		</p>
														
 
															-		<h2>Properties</h2>
														
 
															+		<h2>属性</h2>
														
 
															 		<p class="desc">
														
 
															-			See [page:KeyframeTrack] for inherited properties.
														
 
															+			参见 [page:KeyframeTrack] 查看继承的属性.
														
 
															 		</p>
														
 
															 		<h3>[property:String ValueTypeName]</h3>
														
@@ -51,10 +50,10 @@
 
															 		<p class="desc">
														
 
															-			See [page:KeyframeTrack] for inherited methods.
														
 
															+			参见 [page:KeyframeTrack] 查看继承的方法.
														
 
															 		</p>
														
 
															-		<h2>Source</h2>
														
 
															+		<h2>源码</h2>
														
 
															 		[link:https://github.com/mrdoob/three.js/blob/master/src/[path].js src/[path].js]
														
--- a/docs/api/zh/animation/tracks/NumberKeyframeTrack.html
+++ b/docs/api/zh/animation/tracks/NumberKeyframeTrack.html
@@ -14,29 +14,29 @@
 
															 		<h1>[name]</h1>
														
 
															 		<p class="desc">
														
 
															-			A Track of numeric keyframe values.
														
 
															+			数字类型的关键帧轨道
														
 
															 		</p>
														
 
															-		<h2>Constructor</h2>
														
 
															+		<h2>构造函数</h2>
														
 
															 		<h3>[name]( [param:String name], [param:Array times], [param:Array values] )</h3>
														
 
															 		<p>
														
 
															-			[page:String name] - (required) identifier for the KeyframeTrack.<br />
														
 
															-			[page:Array times] - (required) array of keyframe times.<br />
														
 
															-			[page:Array values] - values for the keyframes at the times specified.<br />
														
 
															-			[page:Constant interpolation] - the type of interpolation to use. See
														
 
															-			[page:Animation Animation Constants] for possible values. Default is
														
 
															+			[page:String name] - (必须) 关键帧轨道(KeyframeTrack)的标识符.<br />
														
 
															+			[page:Array times] - (必须) 关键帧的时间数组.<br />
														
 
															+			[page:Array values] - 与时间数组中的时间点对应的值数组.<br />
														
 
															+			[page:Constant interpolation] - 使用的插值类型。 取值参考
														
 
															+			[page:Animation Animation Constants] 默认值为
														
 
															 			[page:Animation InterpolateLinear].
														
 
															 		</p>
														
 
															-		<h2>Properties</h2>
														
 
															+		<h2>属性</h2>
														
 
															 		<p class="desc">
														
 
															-			See [page:KeyframeTrack] for inherited properties.
														
 
															+			参见 [page:KeyframeTrack] 查看继承的属性.
														
 
															 		</p>
														
@@ -46,15 +46,15 @@
 
															 		</p>
														
 
															-		<h2>Methods</h2>
														
 
															+		<h2>方法</h2>
														
 
															 		<p class="desc">
														
 
															-			See [page:KeyframeTrack] for inherited methods.
														
 
															+			参见 [page:KeyframeTrack] 查看继承的方法.
														
 
															 		</p>
														
 
															-		<h2>Source</h2>
														
 
															+		<h2>源码</h2>
														
 
															 		[link:https://github.com/mrdoob/three.js/blob/master/src/[path].js src/[path].js]
														
--- a/docs/api/zh/animation/tracks/QuaternionKeyframeTrack.html
+++ b/docs/api/zh/animation/tracks/QuaternionKeyframeTrack.html
@@ -14,34 +14,34 @@
 
															 		<h1>[name]</h1>
														
 
															 		<p class="desc">
														
 
															-			A Track of quaternion keyframe values.
														
 
															+			四元数类型的关键帧轨道。
														
 
															 		</p>
														
 
															-		<h2>Constructor</h2>
														
 
															+		<h2>构造函数</h2>
														
 
															 		<h3>[name]( [param:String name], [param:Array times], [param:Array values] )</h3>
														
 
															 		<p>
														
 
															-			[page:String name] (required) identifier for the KeyframeTrack.<br />
														
 
															-			[page:Array times] (required) array of keyframe times.<br />
														
 
															-			[page:Array values] values for the keyframes at the times specified.<br />
														
 
															-			[page:Constant interpolation] the type of interpolation to use. See
														
 
															-			[page:Animation Animation Constants] for possible values. Default is
														
 
															+			[page:String name] - (必须) 关键帧轨道(KeyframeTrack)的标识符.<br />
														
 
															+			[page:Array times] - (必须) 关键帧的时间数组.<br />
														
 
															+			[page:Array values] - 与时间数组中的时间点对应的值数组.<br />
														
 
															+			[page:Constant interpolation] - 使用的插值类型。 取值参考
														
 
															+			[page:Animation Animation Constants] 默认值为
														
 
															 			[page:Animation InterpolateLinear].
														
 
															 		</p>
														
 
															-		<h2>Properties</h2>
														
 
															+		<h2>属性</h2>
														
 
															 		<p class="desc">
														
 
															-			See [page:KeyframeTrack] for inherited properties.
														
 
															+			参见 [page:KeyframeTrack] 查看继承的属性.
														
 
															 		</p>
														
 
															 		<h3>[property:Constant DefaultInterpolation]</h3>
														
 
															 		<p>
														
 
															-			The default interpolation type to use, [page:Animation InterpolateLinear].
														
 
															+			默认的插值类型。 参见 [page:Animation InterpolateDiscrete].
														
 
															 		</p>
														
 
															 		<h3>[property:String ValueTypeName]</h3>
														
@@ -50,22 +50,23 @@
 
															 		</p>
														
 
															-		<h2>Methods</h2>
														
 
															+		<h2>方法</h2>
														
 
															 		<p class="desc">
														
 
															-			See [page:KeyframeTrack] for inherited methods.
														
 
															+			参见 [page:KeyframeTrack] 查看继承的方法.
														
 
															 		</p>
														
 
															 		<h3>[method:null InterpolantFactoryMethodLinear]()</h3>
														
 
															 		<p>
														
 
															-			Returns a new [page:QuaternionLinearInterpolant QuaternionLinearInterpolant] based on the
														
 
															-			[page:KeyframeTrack.values values], [page:KeyframeTrack.times times] and
														
 
															-			[page:KeyframeTrack.valueSize valueSize] of the keyframes.
														
 
															+			根据值数组 ([page:KeyframeTrack.values values])，
														
 
															+			时间 ([page:KeyframeTrack.times times])
														
 
															+			和值大小 [page:KeyframeTrack.valueSize valueSize]
														
 
															+			创建一个新的线性插值 ([page:QuaternionLinearInterpolant QuaternionLinearInterpolant])。
														
 
															 		</p>
														
 
															-		<h2>Source</h2>
														
 
															+		<h2>源码</h2>
														
 
															 		[link:https://github.com/mrdoob/three.js/blob/master/src/[path].js src/[path].js]
														
--- a/docs/api/zh/animation/tracks/StringKeyframeTrack.html
+++ b/docs/api/zh/animation/tracks/StringKeyframeTrack.html
@@ -14,39 +14,39 @@
 
															 		<h1>[name]</h1>
														
 
															 		<p class="desc">
														
 
															-			A Track of string keyframe values.
														
 
															+			字符串类型的关键帧轨道
														
 
															 		</p>
														
 
															-		<h2>Constructor</h2>
														
 
															+		<h2>构造函数</h2>
														
 
															 		<h3>[name]( [param:String name], [param:Array times], [param:Array values] )</h3>
														
 
															 		<p>
														
 
															-			[page:String name] - (required) identifier for the KeyframeTrack.<br />
														
 
															-			[page:Array times] - (required) array of keyframe times.<br />
														
 
															-			[page:Array values] - values for the keyframes at the times specified.<br />
														
 
															-			[page:Constant interpolation] - the type of interpolation to use. See
														
 
															-			[page:Animation Animation Constants] for possible values. Default is
														
 
															+			[page:String name] - (必须) 关键帧轨道(KeyframeTrack)的标识符.<br />
														
 
															+			[page:Array times] - (必须) 关键帧的时间数组.<br />
														
 
															+			[page:Array values] - 与时间数组中的时间点对应的值数组.<br />
														
 
															+			[page:Constant interpolation] - 使用的插值类型。 取值参考
														
 
															+			[page:Animation Animation Constants] 默认值为
														
 
															 			[page:Animation InterpolateDiscrete].
														
 
															 		</p>
														
 
															-		<h2>Properties</h2>
														
 
															+		<h2>属性</h2>
														
 
															 		<p class="desc">
														
 
															-			See [page:KeyframeTrack] for inherited properties.
														
 
															+			参见 [page:KeyframeTrack] 查看继承的属性.
														
 
															 		</p>
														
 
															 		<h3>[property:Constant DefaultInterpolation]</h3>
														
 
															 		<p>
														
 
															-			The default interpolation type to use, [page:Animation InterpolateDiscrete].
														
 
															+			默认的插值类型。 参见 [page:Animation InterpolateDiscrete].
														
 
															 		</p>
														
 
															 		<h3>[property:Array ValueBufferType]</h3>
														
 
															 		<p>
														
 
															-			A normal Array (no Float32Array in this case, unlike *ValueBufferType* of [page:KeyframeTrack]).
														
 
															+			一个基本数组 (不是 Float32Array 类型, 与 [page:KeyframeTrack] 内的 *ValueBufferType* 属性不一样).
														
 
															 		</p>
														
 
															 		<h3>[property:String ValueTypeName]</h3>
														
@@ -55,25 +55,25 @@
 
															 		</p>
														
 
															-		<h2>Methods</h2>
														
 
															+		<h2>方法</h2>
														
 
															 		<p class="desc">
														
 
															-			See [page:KeyframeTrack] for inherited methods.
														
 
															+			参见 [page:KeyframeTrack] 查看继承的方法.
														
 
															 		</p>
														
 
															 		<h3>[method:null InterpolantFactoryMethodLinear]()</h3>
														
 
															 		<p>
														
 
															-		  The value of this method here is 'undefined', as it does not make sense for discrete properties.
														
 
															+			这个方法在这里的值为 'undefined', 因为他对离散属性没有意义.
														
 
															 		</p>
														
 
															 		<h3>[method:null InterpolantFactoryMethodSmooth]()</h3>
														
 
															 		<p>
														
 
															-		  The value of this method here is 'undefined', as it does not make sense for discrete properties.
														
 
															+			这个方法在这里的值为 'undefined', 因为他对离散属性没有意义.
														
 
															 		</p>
														
 
															-		<h2>Source</h2>
														
 
															+		<h2>源码</h2>
														
 
															 		[link:https://github.com/mrdoob/three.js/blob/master/src/[path].js src/[path].js]
														
--- a/docs/api/zh/animation/tracks/VectorKeyframeTrack.html
+++ b/docs/api/zh/animation/tracks/VectorKeyframeTrack.html
@@ -14,29 +14,29 @@
 
															 		<h1>[name]</h1>
														
 
															 		<p class="desc">
														
 
															-			A Track of vector keyframe values.
														
 
															+			向量类型的关键帧轨道
														
 
															 		</p>
														
 
															-		<h2>Constructor</h2>
														
 
															+		<h2>构造函数</h2>
														
 
															 		<h3>[name]( [param:String name], [param:Array times], [param:Array values] )</h3>
														
 
															 		<p>
														
 
															-			[page:String name] - (required) identifier for the KeyframeTrack.<br />
														
 
															-			[page:Array times] - (required) array of keyframe times.<br />
														
 
															-			[page:Array values] - values for the keyframes at the times specified.<br />
														
 
															-			[page:Constant interpolation] - the type of interpolation to use. See
														
 
															-			[page:Animation Animation Constants] for possible values. Default is
														
 
															+			[page:String name] - (必须) 关键帧轨道(KeyframeTrack)的标识符.<br />
														
 
															+			[page:Array times] - (必须) 关键帧的时间数组.<br />
														
 
															+			[page:Array values] - 与时间数组中的时间点对应的值数组.<br />
														
 
															+			[page:Constant interpolation] - 使用的插值类型。 取值参考
														
 
															+			[page:Animation Animation Constants] 默认值为
														
 
															 			[page:Animation InterpolateLinear].
														
 
															 		</p>
														
 
															-		<h2>Properties</h2>
														
 
															+		<h2>属性</h2>
														
 
															 		<p class="desc">
														
 
															-			See [page:KeyframeTrack] for inherited properties.
														
 
															+			参见 [page:KeyframeTrack] 查看继承的属性.
														
 
															 		</p>
														
 
															 		<h3>[property:String ValueTypeName]</h3>
														
@@ -45,15 +45,15 @@
 
															 		</p>
														
 
															-		<h2>Methods</h2>
														
 
															+		<h2>方法</h2>
														
 
															 		<p class="desc">
														
 
															-			See [page:KeyframeTrack] for inherited methods.
														
 
															+			参见 [page:KeyframeTrack] 查看继承的方法.
														
 
															 		</p>
														
 
															-		<h2>Source</h2>
														
 
															+		<h2>源码</h2>
														
 
															 		[link:https://github.com/mrdoob/three.js/blob/master/src/[path].js src/[path].js]
														
--- a/docs/api/zh/audio/Audio.html
+++ b/docs/api/zh/audio/Audio.html
@@ -62,6 +62,9 @@
 
															 		<h3>[property:AudioContext context]</h3>
														
 
															 		<p>构造函数中传入[page:AudioListener listener]的[link:https://developer.mozilla.org/en-US/docs/Web/API/AudioContext AudioContext].</p>
														
 
															+		<h3>[property:Number detune]</h3>
														
 
															+		<p>TODO</p>
														
 
															+
														
 
															 		<h3>[property:Array filters]</h3>
														
 
															 		<p>表示[link:https://developer.mozilla.org/en-US/docs/Web/API/BiquadFilterNode BiquadFilterNodes]的数组. 可以使用多种不同的低阶filters去创建复杂的音效. filters可以通过 [page:Audio.setFilter] 或者 [page:Audio.setFilters]设置.</p>
														
--- a/docs/api/zh/deprecated/DeprecatedList.html
+++ b/docs/api/zh/deprecated/DeprecatedList.html
@@ -15,10 +15,6 @@
 
															 			下面就列举出了这些API元素，以及一些关于他们的替代信息。
														
 
															 		</p>
														
 
															-		
														
 
															-		
														
 
															-		
														
 
															-		
														
 
															 		<h2>音频（Audio）</h2>
														
 
															 		<h3>[page:Audio]</h3>
														
@@ -31,9 +27,6 @@
 
															 		<p>BinaryTextureLoader 已被重命名为 [page:DataTextureLoader]。</p>
														
 
															-		
														
 
															-		
														
 
															-		
														
 
															 		<h2>缓冲器（Buffers）</h2>
														
 
															 		<h3>[page:BufferAttribute]</h3>
														
@@ -232,24 +225,13 @@
 
															 			Light.shadowMapHeight 现在是 [page:Light.shadow.mapSize.height]。
														
 
															 		</p>
														
 
															-
														
 
															-
														
 
															-
														
 
															-
														
 
															-
														
 
															-
														
 
															-
														
 
															 		<h2>加载器（Loaders）</h2>
														
 
															 		<h3>[page:XHRLoader]</h3>
														
 
															 		<p>XHRLoader 已被重命名为 [page:FileLoader]。</p>
														
 
															-
														
 
															-
														
 
															-
														
 
															-
														
 
															-
														
 
															-
														
 
															+		<h3>[page:JSONLoader]</h3>
														
 
															+		<p>JSONLoader has been removed from core.</p>
														
 
															 		<h2>数学（Maths）</h2>
														
@@ -481,11 +463,10 @@
 
															 			Shape.makeGeometry 已被删除。 请使用[page:ShapeGeometry] 。
														
 
															 		</p>
														
 
															-
														
 
															-
														
 
															-
														
 
															-
														
 
															-
														
 
															+		<h3>[page:SkinnedMesh]</h3>
														
 
															+		<p>
														
 
															+			SkinnedMesh.initBones() has been removed.
														
 
															+		</p>
														
 
															 		<h2>渲染器（Renderer）</h2>
														
--- a/docs/api/zh/loaders/JSONLoader.html
+++ b/docs/api/zh/loaders/JSONLoader.html
@@ -1,119 +0,0 @@
 
															-<!DOCTYPE html>
														
 
															-<html lang="en">
														
 
															-	<head>
														
 
															-		<meta charset="utf-8" />
														
 
															-		<base href="../../../" />
														
 
															-		<script src="list.js"></script>
														
 
															-		<script src="page.js"></script>
														
 
															-		<link type="text/css" rel="stylesheet" href="page.css" />
														
 
															-	</head>
														
 
															-	<body>
														
 
															-		<h1>[name]</h1>
														
 
															-
														
 
															-		<p class="desc">
														
 
															-            以JSON格式来加载对象的加载器。
														
 
															-			此加载器内部用 [page:FileLoader] 来加载文件。
														
 
															-		</p>
														
 
															-
														
 
															-		<h2>例子</h2>
														
 
															-
														
 
															-		<p>
														
 
															-		[example:webgl_loader_json WebGL / loader / json]<br />
														
 
															-		[example:webgl_loader_json_objconverter WebGL / loader / json / objconverter]
														
 
															-		</p>
														
 
															-
														
 
															-		<code>
														
 
															-		// 初始化一个加载器
														
 
															-		var loader = new THREE.JSONLoader();
														
 
															-
														
 
															-		// 加载一个资源
														
 
															-		loader.load(
														
 
															-			// 资源URL
														
 
															-			'models/animated/monster/monster.js',
														
 
															-
														
 
															-			// onLoad的回调
														
 
															-			function ( geometry, materials ) {
														
 
															-				var material = materials[ 0 ];
														
 
															-				var object = new THREE.Mesh( geometry, material );
														
 
															-				scene.add( object );
														
 
															-			},
														
 
															-
														
 
															-			// onProgress的回调
														
 
															-			function ( xhr ) {
														
 
															-				console.log( (xhr.loaded / xhr.total * 100) + '% loaded' );
														
 
															-			},
														
 
															-
														
 
															-			// onError的回调
														
 
															-			function( err ) {
														
 
															-				console.log( 'An error happened' );
														
 
															-			}
														
 
															-		);
														
 
															-		</code>
														
 
															-
														
 
															-		<h2>构造函数</h2>
														
 
															-
														
 
															-		<h3>[name]( [param:LoadingManager manager] )</h3>
														
 
															-		<p>
														
 
															-		[page:LoadingManager manager] — 加载器所使用的 [page:LoadingManager loadingManager]。 默认为 [page:LoadingManager THREE.DefaultLoadingManager].
														
 
															-		</p>
														
 
															-		<p>
														
 
															-		创建一个新的 [name].
														
 
															-		</p>
														
 
															-
														
 
															-		<h2>属性</h2>
														
 
															-
														
 
															-		<h3>[property:String crossOrigin]</h3>
														
 
															-		<p>
														
 
															-		如果设置了，在开始加载前， 将为图片分配 [link:https://developer.mozilla.org/en-US/docs/Web/HTML/CORS_settings_attributes crossOrigin]
														
 
															-	 属性，其值为 *crossOrigin*，默认为"anonymous"。
														
 
															-		</p>
														
 
															-
														
 
															-		<h3>[property:LoadingManager manager]</h3>
														
 
															-		<p>
														
 
															-			加载器正在使用的 [page:LoadingManager loadingManager] 。 默认为 [page:DefaultLoadingManager].
														
 
															-		</p>
														
 
															-
														
 
															-		<h3>[property:String withCredentials]</h3>
														
 
															-		<p>
														
 
															-            XMLHttpRequest请求是否使用了证书。
														
 
															-			默认为 *false*.
														
 
															-		</p>
														
 
															-
														
 
															-		<h2>方法</h2>
														
 
															-
														
 
															-		<h3>[method:null load]( [param:String url], [param:Function onLoad], [param:Function onProgress], [param:Function onError] )</h3>
														
 
															-		<p>
														
 
															-		[page:String url] — 文件的URL或者路径，也可以为
														
 
															-			[link:https://developer.mozilla.org/en-US/docs/Web/HTTP/Basics_of_HTTP/Data_URIs Data URI]..<br />
														
 
															-		[page:Function onLoad] — 加载完成时将调用。回调参数将是加载的响应。<br />
														
 
															-		[page:Function onProgress] — 将在加载过程中进行调用。参数为XMLHttpRequest实例，
														
 
															-            其中包含 [page:Integer total] 和 [page:Integer loaded] 字节。<br />
														
 
															-		[page:Function onError] — 在加载错误时被调用。<br />
														
 
															-		</p>
														
 
															-		<p>
														
 
															-		从URL中进行加载并将 <em>JSON</em> 传递给 onLoad。
														
 
															-		</p>
														
 
															-
														
 
															-		<h3>[method:JSONLoader setCrossOrigin]( [param:String value] )</h3>
														
 
															-		<p>
														
 
															-			设置 [page:.crossOrigin] 的属性。
														
 
															-		</p>
														
 
															-
														
 
															-		<h3>[method:JSONLoader setTexturePath]( [param:String texturePath] )</h3>
														
 
															-		<p>
														
 
															-            设置加载文件的基本路径或URL。当加载同一目录中的许多模型，此方法将很有用。
														
 
															-		</p>
														
 
															-
														
 
															-		<h3>[method:Object3D parse]( [param:Object json], [param:String texturePath] )</h3>
														
 
															-		<p>
														
 
															-		[page:String json] — 需要解析的JSON对象。<br />
														
 
															-		[page:String texturePath] — 纹理的基本路径。<br /><br />
														
 
															-
														
 
															-		解析要给 <em>JSON</em> 结构并返回 [page:object] 包含 [page:Geometry geometry] 和 [page:Array materials] 的对象.
														
 
															-		</p>
														
 
															-
														
 
															-		<h2>源</h2>
														
 
															-
														
 
															-		[link:https://github.com/mrdoob/three.js/blob/master/src/[path].js src/[path].js]
														
 
															-	</body>
														
 
															-</html>
														
--- a/docs/api/zh/loaders/ObjectLoader.html
+++ b/docs/api/zh/loaders/ObjectLoader.html
@@ -13,15 +13,12 @@
 
															 		<p class="desc">
														
 
															 			A loader for loading a JSON resource in the [link:https://github.com/mrdoob/three.js/wiki/JSON-Object-Scene-format-4 JSON Object/Scene format].<br /><br />
														
 
															-			Note that this loader can't load geometries of type [page:Geometry]. Use [page:JSONLoader] instead for that.<br /><br />
														
 
															-
														
 
															 			此加载器内部使用[page:FileLoader]进行加载文件。
														
 
															 		</p>
														
 
															 		<h2>例子</h2>
														
 
															 		<p>
														
 
															-			[example:webgl_animation_skinning_blending WebGL / animation / skinning / blending]<br />
														
 
															 			[example:webgl_loader_json_claraio WebGL / loader / json / claraio]<br />
														
 
															 			[example:webgl_materials_lightmap WebGL / materials / lightmap]
														
 
															 		</p>
														
@@ -118,7 +115,6 @@
 
															 		[page:Object json] — 必选参数，需要被解析的JSON源。<br /><br />
														
 
															             此函数以JSON结构，用[page:.parse]去解析[page:Geometry geometries]或[page:BufferGeometry buffer geometries]。
														
 
															-            在内部，它使用JSONLoader作为几何加载器，使用BufferGeometryLoader作为几何缓冲区加载器。
														
 
															 		</p>
														
 
															 		<h3>[method:Object3D parseMaterials]( [param:Object json] )</h3>
														
--- a/docs/api/zh/math/Plane.html
+++ b/docs/api/zh/math/Plane.html
@@ -11,162 +11,153 @@
 
															 		<h1>平面（[name]）</h1>
														
 
															 		<p class="desc">
														
 
															-			A two dimensional surface that extends infinitely in 3d space, represented in [link:http://mathworld.wolfram.com/HessianNormalForm.html Hessian normal form]
														
 
															-			by a unit length normal vector and a constant.
														
 
															+			在三维空间中无限延伸的二维平面，平面方程用单位长度的法向量和常数表示为海塞法向量[link:http://mathworld.wolfram.com/HessianNormalForm.html Hessian normal form]形式。
														
 
															 		</p>
														
 
															-		<h2>Constructor</h2>
														
 
															+		<h2>构造器（Constructor）</h2>
														
 
															 		<h3>[name]( [param:Vector3 normal], [param:Float constant] )</h3>
														
 
															 		<p>
														
 
															-		[page:Vector3 normal] - (optional) a unit length [page:Vector3] defining the normal of the plane. Default is *(1, 0, 0)*.<br />
														
 
															-		[page:Float constant] - (optional) the signed distance from the origin to the plane. Default is *0*.
														
 
															+		[page:Vector3 normal] - (可选参数) 定义单位长度的平面法向量[page:Vector3]。默认值为 *(1, 0, 0)*。<br />
														
 
															+		[page:Float constant] - (可选参数) 从原点到平面的有符号距离。 默认值为 *0*.
														
 
															 		</p>
														
 
															-		<h2>Properties</h2>
														
 
															+		<h2>属性（Properties）</h2>
														
 
															 		<h3>[property:Vector3 normal]</h3>
														
 
															 		<h3>[property:Float constant]</h3>
														
 
															-		<h2>Methods</h2>
														
 
															+		<h2>方法（Methods）</h2>
														
 
															 		<h3>[method:Plane applyMatrix4]( [param:Matrix4 matrix], [param:Matrix3 optionalNormalMatrix] )</h3>
														
 
															 		<p>
														
 
															-		[page:Matrix4 matrix] - the [Page:Matrix4] to apply.<br />
														
 
															-		[page:Matrix3 optionalNormalMatrix] - (optional) pre-computed normal [Page:Matrix3] of the Matrix4 being applied.<br /><br />
														
 
															+		[page:Matrix4 matrix] - 要应用的四位矩阵（[Page:Matrix4]）。<br />
														
 
															+		[page:Matrix3 optionalNormalMatrix] - (可选参数) 预先计算好的上述Matrix4参数的法线矩阵 [Page:Matrix3]。<br /><br />
														
 
															-		Apply a Matrix4 to the plane. The matrix must be an affine, homogeneous transform.<br />
														
 
															-		If supplying an [page:Matrix3 optionalNormalMatrix], it can be created like so:
														
 
															+		在平面上应用矩阵。矩阵必须是仿射齐次变换。<br />
														
 
															+		如果提供一个optionalNormalMatrix，可以这样创建:
														
 
															 		<code>
														
 
															 		var optionalNormalMatrix = new THREE.Matrix3().getNormalMatrix( matrix );
														
 
															 		</code>
														
 
															 		</p>
														
 
															 		<h3>[method:Plane clone]()</h3>
														
 
															-		<p>Returns a new plane with the same [page:.normal normal] and [page:.constant constant] as this one.</p>
														
 
															+		<p>返回一个与当前平面有相同法线 [page:.normal normal]，常量 [page:.constant constant] 距离的平面。</p>
														
 
															 		<h3>[method:Vector3 coplanarPoint]( [param:Vector3 target] )</h3>
														
 
															 		<p>
														
 
															-		[page:Vector3 target] — the result will be copied into this Vector3.<br /><br />
														
 
															+		[page:Vector3 target] — 结果会拷贝到该向量中。<br /><br />
														
 
															-		Returns a [page:Vector3] coplanar to the plane, by calculating the projection of the
														
 
															-		normal vector at the origin onto the plane.
														
 
															+		返回一个共面点，通过原点的法向量在平面上投影算得。
														
 
															 		</p>
														
 
															 		<h3>[method:Plane copy]( [param:Plane plane] )</h3>
														
 
															 		<p>
														
 
															-		Copies the values of the passed plane's [page:.normal normal] and [page:.constant constant]
														
 
															-		properties to this plane.
														
 
															+			拷贝给定平面，将其中的法线 [page:.normal normal]，距离常量 [page:.constant constant]属性拷贝给该对象。
														
 
															 		</p>
														
 
															 		<h3>[method:Float distanceToPoint]( [param:Vector3 point] )</h3>
														
 
															-		<p>Returns the signed distance from the [page:Vector3 point] to the plane.</p>
														
 
															+		<p>返回点[page:Vector3 point]到平面的有符号距离。</p>
														
 
															 		<h3>[method:Float distanceToSphere]( [param:Sphere sphere] )</h3>
														
 
															-		<p>Returns the signed distance from the [page:Sphere sphere] to the plane.</p>
														
 
															+		<p>返回球面 [page:Sphere sphere] 的边缘到平面的最短距离。</p>
														
 
															 		<h3>[method:Boolean equals]( [param:Plane plane] )</h3>
														
 
															 		<p>
														
 
															-			Checks to see if two planes are equal (their [page:.normal normal] and
														
 
															-			[page:.constant constant] properties match).
														
 
															+			检查两个平面是否相等。（法线 [page:.normal normal] 以及常量 [page:.constant constant] 都相同）。
														
 
															 		</p>
														
 
															 		<h3>[method:Vector3 intersectLine]( [param:Line3 line], [param:Vector3 target] )</h3>
														
 
															 		<p>
														
 
															-		[page:Line3 line] - the [page:Line3] to check for intersection.<br />
														
 
															-		[page:Vector3 target] — the result will be copied into this Vector3.<br /><br />
														
 
															+		[page:Line3 line] - 检测是否相交的三维几何线段 [page:Line3]。<br />
														
 
															+		[page:Vector3 target] — 结果将会写入该向量中。<br /><br />
														
 
															-		Returns the intersection point of the passed line and the plane. Returns undefined
														
 
															-		 if the line does not intersect. Returns the line's starting point if the line is
														
 
															-		 coplanar with the plane.
														
 
															+		返回给定线段和平面的交点。如果不相交则返回undefined。如果线与平面共面，则返回该线段的起始点。
														
 
															 		</p>
														
 
															 		<h3>[method:Boolean intersectsBox]( [param:Box3 box] )</h3>
														
 
															 		<p>
														
 
															-		[page:Box3 box] - the [page:Box3] to check for intersection.<br /><br />
														
 
															+		[page:Box3 box] - 检查是否相交的包围盒 [page:Box3]。<br /><br />
														
 
															-		Determines whether or not this plane intersects [page:Box3 box].
														
 
															+		确定该平面是否与给定3d包围盒[page:Box3]相交。
														
 
															 		</p>
														
 
															 		<h3>[method:Boolean intersectsLine]( [param:Line3 line] )</h3>
														
 
															 		<p>
														
 
															-		[page:Line3 line] - the [page:Line3] to check for intersection.<br /><br />
														
 
															+		[page:Line3 line] - 检查是否相交的三维线段 [page:Line3]。<br /><br />
														
 
															-		Tests whether a line segment intersects with (passes through) the plane.
														
 
															+		测试线段是否与平面相交。
														
 
															 		</p>
														
 
															 		<h3>[method:Boolean intersectsSphere]( [param:Sphere sphere] )</h3>
														
 
															 		<p>
														
 
															-		[page:Sphere sphere]  - the [page:Sphere] to check for intersection.<br /><br />
														
 
															+		[page:Sphere sphere]  - 检查是否相交的球体 [page:Sphere]。<br /><br />
														
 
															-		Determines whether or not this plane intersects [page:Sphere sphere].
														
 
															+		确定该平面是否与给定球体 [page:Sphere] 相交。
														
 
															 		</p>
														
 
															 		<h3>[method:Plane negate]()</h3>
														
 
															 		<p>
														
 
															-		Negates both the normal vector and the constant.
														
 
															+			将法向量与常量求反（乘以-1）。
														
 
															 		</p>
														
 
															 		<h3>[method:Plane normalize]()</h3>
														
 
															 		<p>
														
 
															-			Normalizes the [page:.normal normal] vector, and adjusts the [page:.constant constant]
														
 
															-			value accordingly.
														
 
															+			归一化法向量 [page:.normal normal] ，并相应的调整常量 [page:.constant constant]数值。
														
 
															 		</p>
														
 
															 		<h3>[method:Vector3 projectPoint]( [param:Vector3 point], [param:Vector3 target] )</h3>
														
 
															 		<p>
														
 
															-		[page:Vector3 point] - the [page:Vector3] to project onto the plane.<br />
														
 
															-		[page:Vector3 target] — the result will be copied into this Vector3.<br /><br />
														
 
															+		[page:Vector3 point] - 需要投射到该平面的点。<br />
														
 
															+		[page:Vector3 target] — 在该平面上离投射点最近的点。<br /><br />
														
 
															-		Projects a [page:Vector3 point] onto the plane.
														
 
															+		将一个点[page:Vector3 point]投射到该平面上。
														
 
															 		</p>
														
 
															 		<h3>[method:Plane set]( [param:Vector3 normal], [param:Float constant] )</h3>
														
 
															 		<p>
														
 
															-			[page:Vector3 normal] - a unit length [page:Vector3] defining the normal of the plane.<br />
														
 
															-			[page:Float constant] - the signed distance from the origin to the plane. Default is *0*.<br /><br />
														
 
															+			[page:Vector3 normal] - 单位长度的向量表示平面的法向量。<br />
														
 
															+			[page:Float constant] - 原点到平面有符号距离。默认值为 *0*。<br /><br />
														
 
															-			 Sets the plane's [page:.normal normal] and [page:.constant constant] properties.
														
 
															+			设置平面 [page:.normal normal] 的法线和常量 [page:.constant constant] 属性值。
														
 
															 		</p>
														
 
															 		<h3>[method:Plane setComponents]( [param:Float x], [param:Float y], [param:Float z], [param:Float w] )</h3>
														
 
															 		<p>
														
 
															-		[page:Float x] - x value of the unit length normal vector.<br />
														
 
															-		[page:Float y] - y value of the unit length normal vector.<br />
														
 
															-		[page:Float z] - z value of the unit length normal vector.<br />
														
 
															-		[page:Float w] - the value of the plane's [page:.constant constant] property.<br /><br />
														
 
															+		[page:Float x] - 单位长度法向量的x值。<br />
														
 
															+		[page:Float y] - 单位长度法向量的y值。<br />
														
 
															+		[page:Float z] - 单位长度法向量的z值。<br />
														
 
															+		[page:Float w] - 原点沿法向量到平面常量 [page:.constant constant] 距离。<br /><br />
														
 
															-		Set the individual components that define the plane.
														
 
															+		设置定义平面的各个变量。
														
 
															 		</p>
														
 
															 		<h3>[method:Plane setFromCoplanarPoints]( [param:Vector3 a], [param:Vector3 b], [param:Vector3 c] )</h3>
														
 
															 		<p>
														
 
															-		 [page:Vector3 a] - first point on the plane.<br />
														
 
															-		 [page:Vector3 b] - second point on the plane.<br />
														
 
															-		 [page:Vector3 c] - third point on the plane.<br /><br />
														
 
															+		 [page:Vector3 a] - 用于确定平面的第一个点。<br />
														
 
															+		 [page:Vector3 b] - 用于确定平面的第二个点。<br />
														
 
															+		 [page:Vector3 c] - 用于确定平面的第三个点。<br /><br />
														
 
															-		Defines the plane based on the 3 provided points. The winding order is assumed to be counter-clockwise,
														
 
															-		and determines the direction of the [page:.normal normal].
														
 
															+		 根据给定的三个点确定平面。如果三个点共线将会抛出错误。通过右手螺旋规则确定（向量叉乘）法向量 [page:.normal normal]。
														
 
															 		</p>
														
 
															 		<h3>[method:Plane setFromNormalAndCoplanarPoint]( [param:Vector3 normal], [param:Vector3 point] ) [param:Vector3 this]</h3>
														
 
															 		<p>
														
 
															-		[page:Vector3 normal] - a unit length [page:Vector3] defining the normal of the plane.<br />
														
 
															-		[page:Vector3 point] - [page:Vector3]<br /><br />
														
 
															+		[page:Vector3 normal] - 平面单位法向量<br />
														
 
															+		[page:Vector3 point] - 平面上的点<br /><br />
														
 
															-		Sets the plane's properties as defined by a [page:Vector3 normal] and an arbitrary coplanar [page:Vector3 point].
														
 
															+		通过平面上的一点以及法线确定原点到平面的最短距离（常量）。
														
 
															 		</p>
														
 
															 		<h3>[method:Plane translate]( [param:Vector3 offset] )</h3>
														
 
															 		<p>
														
 
															-		[page:Vector3 offset] - the amount to move the plane by.<br /><br />
														
 
															+		[page:Vector3 offset] - 平移量<br /><br />
														
 
															-		Translates the plane by the distance defined by the [page:Vector3 offset] vector.
														
 
															-		Note that this only affects the plane constant and will not affect the normal vector.
														
 
															+		将平面平移给定向量大小，注意：这只会影响平面的常量不会影响平面的法向量。
														
 
															 		</p>
														
 
															 		<h2>Source</h2>
														
--- a/docs/api/zh/objects/SkinnedMesh.html
+++ b/docs/api/zh/objects/SkinnedMesh.html
@@ -144,11 +144,6 @@
 
															 		更新[page:Matrix4 MatrixWorld]矩阵。
														
 
															 		</p>
														
 
															-		<h3>[method:null initBones]()</h3>
														
 
															-		<p>
														
 
															-		从内部几何体中创建一个分层[page:Bone bones]对象的数组。
														
 
															-		</p>
														
 
															-
														
 
															 		<h2>源代码</h2>
														
 
															 		[link:https://github.com/mrdoob/three.js/blob/master/src/[path].js src/[path].js]
														
 
															 	</body>
														
--- a/docs/examples/loaders/GLTFLoader.html
+++ b/docs/examples/loaders/GLTFLoader.html
@@ -31,7 +31,7 @@
 
															 			<li>KHR_draco_mesh_compression</li>
														
 
															 			<li>KHR_materials_pbrSpecularGlossiness</li>
														
 
															 			<li>KHR_materials_unlit</li>
														
 
															-			<li>KHR_lights_punctual (experimental)</li>
														
 
															+			<li>KHR_lights_punctual</li>
														
 
															 			<li>KHR_texture_transform<sup>*</sup></li>
														
 
															 			<li>MSFT_texture_dds</li>
														
 
															 		</ul>
														
--- a/docs/examples/loaders/MMDLoader.html
+++ b/docs/examples/loaders/MMDLoader.html
@@ -110,6 +110,29 @@
 
															 		[page:String crossOrigin] — The crossOrigin string to implement CORS for loading the url from a different domain that allows CORS.
														
 
															 		</p>
														
 
															+		<h3>[method:MMDLoader setAnimationPath]( [param:String animationPath] )</h3>
														
 
															+		<p>
														
 
															+		[page:String animationPath] — Base path for loading animation data (VMD/VPD files).
														
 
															+		</p>
														
 
															+		<p>
														
 
															+		Set the base path for additional resources like textures.
														
 
															+		</p>
														
 
															+
														
 
															+		<h3>[method:MMDLoader setPath]( [param:String path] )</h3>
														
 
															+		<p>
														
 
															+		[page:String path] — Base path.
														
 
															+		</p>
														
 
															+		<p>
														
 
															+		Sets the base path or URL from which to load files.
														
 
															+		</p>
														
 
															+
														
 
															+		<h3>[method:MMDLoader setResourcePath]( [param:String resourcePath] )</h3>
														
 
															+		<p>
														
 
															+		[page:String resourcePath] — Base path for loading additional resources e.g. textures.
														
 
															+		</p>
														
 
															+		<p>
														
 
															+		Set the base path for additional resources like textures.
														
 
															+		</p>
														
 
															 		<h2>Source</h2>
														
--- a/docs/list.js
+++ b/docs/list.js
@@ -234,7 +234,6 @@ var list = {
 
															 				"FontLoader": "api/en/loaders/FontLoader",
														
 
															 				"ImageBitmapLoader": "api/en/loaders/ImageBitmapLoader",
														
 
															 				"ImageLoader": "api/en/loaders/ImageLoader",
														
 
															-				"JSONLoader": "api/en/loaders/JSONLoader",
														
 
															 				"Loader": "api/en/loaders/Loader",
														
 
															 				"LoaderUtils": "api/en/loaders/LoaderUtils",
														
 
															 				"MaterialLoader": "api/en/loaders/MaterialLoader",
														
@@ -659,7 +658,6 @@ var list = {
 
															 				"FontLoader": "api/zh/loaders/FontLoader",
														
 
															 				"ImageBitmapLoader": "api/zh/loaders/ImageBitmapLoader",
														
 
															 				"ImageLoader": "api/zh/loaders/ImageLoader",
														
 
															-				"JSONLoader": "api/zh/loaders/JSONLoader",
														
 
															 				"Loader": "api/zh/loaders/Loader",
														
 
															 				"LoaderUtils": "api/zh/loaders/LoaderUtils",
														
 
															 				"MaterialLoader": "api/zh/loaders/MaterialLoader",
														
--- a/docs/manual/en/introduction/Animation-system.html
+++ b/docs/manual/en/introduction/Animation-system.html
@@ -107,7 +107,6 @@
 
															 		</p>
														
 
															 			<ul>
														
 
															-				<li>[page:JSONLoader THREE.JSONLoader]</li>
														
 
															 				<li>[page:ObjectLoader THREE.ObjectLoader]</li>
														
 
															 				<li>THREE.BVHLoader</li>
														
 
															 				<li>THREE.ColladaLoader</li>
														
--- a/docs/manual/en/introduction/How-to-run-things-locally.html
+++ b/docs/manual/en/introduction/How-to-run-things-locally.html
@@ -122,64 +122,6 @@ ruby -r webrick -e "s = WEBrick::HTTPServer.new(:Port => 8000, :DocumentRoot =>
 
															 				</ol>
														
 
															 			</div>
														
 
															-		<h2>Change local files security policy</h2>
														
 
															-		<div>
														
 
															-			<h3>Safari</h3>
														
 
															-			<div>
														
 
															-				<p>
														
 
															-					Enable the develop menu using the preferences panel, under Advanced -&gt; "Show develop menu
														
 
															-					in menu bar".
														
 
															-				</p>
														
 
															-
														
 
															-				<p>
														
 
															-					Then from the safari "Develop" menu, select "Disable local file restrictions", it is also
														
 
															-					worth noting safari has some odd behaviour with caches, so it is advisable to use the
														
 
															-					"Disable caches" option in the same menu; if you are editing &amp; debugging using safari.
														
 
															-				</p>
														
 
															-			</div>
														
 
															-
														
 
															-
														
 
															-			<h3>Chrome</h3>
														
 
															-			<div>
														
 
															-				<p>Close all running Chrome instances first. The important word here is 'all'.</p>
														
 
															-
														
 
															-				<p>
														
 
															-					On Windows, you may check for Chrome instances using the Windows Task Manager.
														
 
															-					Alternatively, if you see a Chrome icon in the system tray, then you may open its context
														
 
															-					menu and click 'Exit'. This should close all Chrome instances.
														
 
															-				</p>
														
 
															-
														
 
															-				<p>Then start the Chrome executable with a command line flag:</p>
														
 
															-
														
 
															-				<code>chrome --allow-file-access-from-files</code>
														
 
															-
														
 
															-				<p>
														
 
															-					On Windows, the easiest is probably to create a special shortcut icon which has
														
 
															-					added the flag given above (right-click on shortcut -&gt; properties -&gt; target).
														
 
															-				</p>
														
 
															-
														
 
															-				<p>On Mac OSX, you can do this with</p>
														
 
															-
														
 
															-				<code>open /Applications/Google\ Chrome.app --args --allow-file-access-from-files</code>
														
 
															-			</div>
														
 
															-
														
 
															-			<h3>Firefox</h3>
														
 
															-			<div>
														
 
															-				<ol>
														
 
															-				<li>
														
 
															-					In the address bar, type <code>about:config</code>
														
 
															-				</li>
														
 
															-				<li>
														
 
															-					Find the <code>security.fileuri.strict_origin_policy</code> parameter
														
 
															-				</li>
														
 
															-				<li>
														
 
															-					Set it to <em>false</em>
														
 
															-				</li>
														
 
															-				</ol>
														
 
															-			</div>
														
 
															-
														
 
															-		</div>
														
 
															-
														
 
															 			<p>
														
 
															 				Other simple alternatives are [link:http://stackoverflow.com/q/12905426/24874 discussed here]
														
 
															 				on Stack Overflow.
														
--- a/docs/manual/en/introduction/Loading-3D-models.html
+++ b/docs/manual/en/introduction/Loading-3D-models.html
@@ -79,7 +79,7 @@
 
															 	<h2>Loading</h2>
														
 
															 	<p>
														
 
															-		Only a few loaders ([page:ObjectLoader] and [page:JSONLoader]) are included by default with
														
 
															+		Only a few loaders (e.g. [page:ObjectLoader]) are included by default with
														
 
															 		three.js — others should be added to your page individually. Depending on your
														
 
															 		preference and comfort with build tools, choose one of the following:
														
 
															 	</p>
														
--- a/docs/manual/zh/introduction/Animation-system.html
+++ b/docs/manual/zh/introduction/Animation-system.html
@@ -32,7 +32,7 @@
 
															 			<br /><br />
														
 
															 			每个* AnimationClip *通常保存对象的某个活动的数据。 如果
														
 
															 			mesh是一个字符，例如，可以有一个用于walkcycle的动画片段，第二个
														
 
															-			跳跃，三分之一的回避等等。		
														
 
															+			跳跃，三分之一的回避等等。
														
 
															 		</p>
														
 
															 		<h3>Keyframe Tracks(关键帧轨道)</h3>
														
@@ -83,11 +83,10 @@
 
															 		<p class="desc">
														
 
															 			请注意，并非所有模型格式都包含动画（尤其是OBJ，没有），而且只有一些
														
 
															 			three.js加载器支持[page：AnimationClip AnimationClip]序列。 以下几个<i>确实</ i>
														
 
															-			支持此动画类型：		
														
 
															+			支持此动画类型：
														
 
															 		</p>
														
 
															 			<ul>
														
 
															-				<li>[page:JSONLoader THREE.JSONLoader]</li>
														
 
															 				<li>[page:ObjectLoader THREE.ObjectLoader]</li>
														
 
															 				<li>THREE.BVHLoader</li>
														
 
															 				<li>THREE.ColladaLoader</li>
														
--- a/editor/index.html
+++ b/editor/index.html
@@ -4,12 +4,10 @@
 
															 		<title>three.js / editor</title>
														
 
															 		<meta charset="utf-8">
														
 
															 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
														
 
															-		<!-- Origin Trial Token, feature = WebVR (For Chrome M62+), origin = https://threejs.org, expires = 2018-09-11 -->
														
 
															-		<meta http-equiv="origin-trial" data-feature="WebVR (For Chrome M62+)" data-expires="2018-09-11" content="AqhFUYKxq/d+E8CDT0fuYRCg8TvlTP52x0Jv7I9t27sLhR30LmcahBRfSwzP89ukjs2+ia99VrrLoRyaFAwJVA0AAABQeyJvcmlnaW4iOiJodHRwczovL3RocmVlanMub3JnOjQ0MyIsImZlYXR1cmUiOiJXZWJWUjEuMU02MiIsImV4cGlyeSI6MTUzNjYyNDAwMH0=">
														
 
															-		<!-- Origin Trial Token, feature = WebXR Device API (For Chrome M69+), origin = https://threejs.org, expires = 2018-12-02 -->
														
 
															-		<meta http-equiv="origin-trial" data-feature="WebXR Device API (For Chrome M69+)" data-expires="2018-12-02" content="Ah46myef4Ax/+fcLtkeotXmIqnvun4lg4bYbHVttuJvbsWiE4oacrvroId7hbCEb4/byxFHIO6+uwq4pwr6RfQkAAABTeyJvcmlnaW4iOiJodHRwczovL3RocmVlanMub3JnOjQ0MyIsImZlYXR1cmUiOiJXZWJYUkRldmljZU02OSIsImV4cGlyeSI6MTU0Mzc1ODIyNn0=">
														
 
															-		<!-- Origin Trial Token, feature = WebXR Gamepad Support, origin = https://threejs.org, expires = 2018-12-02 -->
														
 
															-		<meta http-equiv="origin-trial" data-feature="WebXR Gamepad Support" data-expires="2018-12-02" content="AqI9LIanbGxr/HoTOsYCUNxG82Vy94NZbjhv83R+bF+5NX2jiZOaf7ny+mFoTUP5wrWpYlPjQ6+HeVas9f1lRwYAAABYeyJvcmlnaW4iOiJodHRwczovL3RocmVlanMub3JnOjQ0MyIsImZlYXR1cmUiOiJXZWJYUkdhbWVwYWRTdXBwb3J0IiwiZXhwaXJ5IjoxNTQzNzU4MjI2fQ==">
														
 
															+		<!-- Origin Trial Token, feature = WebXR Device API (For Chrome M69+), origin = https://threejs.org, expires = 2019-01-07 -->
														
 
															+		<meta http-equiv="origin-trial" data-feature="WebXR Device API (For Chrome M69+)" data-expires="2019-01-07" content="ArPzyYNrUDiXsGOh647Ya7MtVUA1nM+WFMnPWu7eoF2nQHOP6mTATIbiv0w+k2kFaPofZG/04ZEQdsACq4IA0wQAAABTeyJvcmlnaW4iOiJodHRwczovL3RocmVlanMub3JnOjQ0MyIsImZlYXR1cmUiOiJXZWJYUkRldmljZU02OSIsImV4cGlyeSI6MTU0Njg4MzAxOH0=">
														
 
															+		<!-- Origin Trial Token, feature = WebXR Gamepad Support, origin = https://threejs.org, expires = 2019-01-07 -->
														
 
															+		<meta http-equiv="origin-trial" data-feature="WebXR Gamepad Support" data-expires="2019-01-07" content="Av16a8LVXasKVQV9j3u0OlXdTfz5O9qDqhROyL5Up6R3sdOPbtFuc6n6o5DHitwnb5VdirH0GyvROwvz8xxd0AkAAABYeyJvcmlnaW4iOiJodHRwczovL3RocmVlanMub3JnOjQ0MyIsImZlYXR1cmUiOiJXZWJYUkdhbWVwYWRTdXBwb3J0IiwiZXhwaXJ5IjoxNTQ2ODgzMDE4fQ==">
														
 
															 	</head>
														
 
															 	<body ontouchstart="">
														
 
															 		<link href="css/main.css" rel="stylesheet" />
														
--- a/editor/js/Loader.js
+++ b/editor/js/Loader.js
@@ -576,50 +576,7 @@ var Loader = function ( editor ) {
 
															 			case 'geometry':
														
 
															-				var loader = new THREE.JSONLoader();
														
 
															-				loader.setResourcePath( scope.texturePath );
														
 
															-
														
 
															-				var result = loader.parse( data );
														
 
															-
														
 
															-				var geometry = result.geometry;
														
 
															-				var material;
														
 
															-
														
 
															-				if ( result.materials !== undefined ) {
														
 
															-
														
 
															-					if ( result.materials.length > 1 ) {
														
 
															-
														
 
															-						material = new THREE.MultiMaterial( result.materials );
														
 
															-
														
 
															-					} else {
														
 
															-
														
 
															-						material = result.materials[ 0 ];
														
 
															-
														
 
															-					}
														
 
															-
														
 
															-				} else {
														
 
															-
														
 
															-					material = new THREE.MeshStandardMaterial();
														
 
															-
														
 
															-				}
														
 
															-
														
 
															-				geometry.sourceType = "ascii";
														
 
															-				geometry.sourceFile = file.name;
														
 
															-
														
 
															-				var mesh;
														
 
															-
														
 
															-				if ( geometry.animation && geometry.animation.hierarchy ) {
														
 
															-
														
 
															-					mesh = new THREE.SkinnedMesh( geometry, material );
														
 
															-
														
 
															-				} else {
														
 
															-
														
 
															-					mesh = new THREE.Mesh( geometry, material );
														
 
															-
														
 
															-				}
														
 
															-
														
 
															-				mesh.name = filename;
														
 
															-
														
 
															-				editor.execute( new AddObjectCommand( mesh ) );
														
 
															+				console.error( 'Loader: "Geometry" is no longer supported.' );
														
 
															 				break;
														
--- a/editor/js/libs/tern-threejs/threejs.js
+++ b/editor/js/libs/tern-threejs/threejs.js
@@ -1714,54 +1714,6 @@
 
															       "!doc": "A loader for loading an [page:Image].",
														
 
															       "!type": "fn(manager: +THREE.LoadingManager)"
														
 
															     },
														
 
															-    "JSONLoader": {
														
 
															-      "!url": "http://threejs.org/docs/#Reference/loaders/JSONLoader",
														
 
															-      "prototype": {
														
 
															-        "!proto": "THREE.Loader.prototype",
														
 
															-        "withCredentials": {
														
 
															-          "!type": "boolean",
														
 
															-          "!doc": "If true, the ajax request will use cookies."
														
 
															-        },
														
 
															-        "onLoadStart": {
														
 
															-          "!type": "function",
														
 
															-          "!doc": "The default is a function with empty body."
														
 
															-        },
														
 
															-        "onLoadComplete": {
														
 
															-          "!type": "function",
														
 
															-          "!doc": "The default is a function with empty body."
														
 
															-        },
														
 
															-        "load": {
														
 
															-          "!type": "fn(url: string, callback: function, texturePath: string)",
														
 
															-          "!doc": "[page:String url] — required<br>\n\t\t[page:Function callback] — required. Will be called when load completes. The arguments will be the loaded [page:Object3D] and the loaded [page:Array materials].<br>\n\t\t[page:String texturePath] — optional. If not specified, textures will be assumed to be in the same folder as the Javascript model file."
														
 
															-        },
														
 
															-        "loadAjaxJSON": {
														
 
															-          "!type": "fn(context: +THREE.JSONLoader, url: string, callback: function, texturePath: string, callbackProgress: function)",
														
 
															-          "!doc": "Begin loading from url and call <em>callback</em> with the parsed response content."
														
 
															-        },
														
 
															-        "parse": {
														
 
															-          "!type": "fn(json: object, texturePath: string) -> +THREE.Object3D",
														
 
															-          "!doc": "Parse a <em>JSON</em> structure and return an [page:Object] containing the parsed .[page:Geometry] and .[page:Array materials]."
														
 
															-        },
														
 
															-        "updateProgress": {
														
 
															-          "!type": "fn(progress: object)",
														
 
															-          "!doc": "Updates the DOM object with the progress made."
														
 
															-        },
														
 
															-        "createMaterial": {
														
 
															-          "!type": "fn(m: object, texturePath: string) -> +THREE.Material",
														
 
															-          "!doc": "Creates the Material based on the parameters m."
														
 
															-        },
														
 
															-        "initMaterials": {
														
 
															-          "!type": "fn(materials: [], texturePath: string) -> []",
														
 
															-          "!doc": "Creates an array of [page:Material] based on the array of parameters m. The index of the parameters decide the correct index of the materials."
														
 
															-        },
														
 
															-        "extractUrlBase": {
														
 
															-          "!type": "fn(url: string) -> string",
														
 
															-          "!doc": "Extract the base from the URL."
														
 
															-        }
														
 
															-      },
														
 
															-      "!doc": "A loader for loading objects in JSON format.",
														
 
															-      "!type": "fn()"
														
 
															-    },
														
 
															     "Loader": {
														
 
															       "!url": "http://threejs.org/docs/#Reference/loaders/Loader",
														
 
															       "prototype": {
														
@@ -1904,7 +1856,7 @@
 
															           "!doc": "[page:String value] — The crossOrigin string to implement CORS for loading the url from a different domain that allows CORS."
														
 
															         }
														
 
															       },
														
 
															-      "!doc": "A loader for loading a JSON resource. Unlike the [page:JSONLoader], this one make use of the <em>.type</em> attributes of objects to map them to their original classes.",
														
 
															+      "!doc": "A loader for loading a JSON resource.",
														
 
															       "!type": "fn(manager: +THREE.LoadingManager)"
														
 
															     },
														
 
															     "PDBLoader": {
														
--- a/examples/files.js
+++ b/examples/files.js
@@ -90,7 +90,6 @@ var files = {
 
															 		"webgl_loader_gltf",
														
 
															 		"webgl_loader_gltf_extensions",
														
 
															 		"webgl_loader_imagebitmap",
														
 
															-		"webgl_loader_json",
														
 
															 		"webgl_loader_json_claraio",
														
 
															 		"webgl_loader_kmz",
														
 
															 		"webgl_loader_md2",
														
--- a/examples/js/loaders/AssimpLoader.js
+++ b/examples/js/loaders/AssimpLoader.js
@@ -772,8 +772,10 @@ THREE.AssimpLoader.prototype = {
 
															 				if ( this.mBones.length == 0 )
														
 
															 					mesh = new THREE.Mesh( geometry, mat );
														
 
															-				if ( this.mBones.length > 0 )
														
 
															+				if ( this.mBones.length > 0 ) {
														
 
															 					mesh = new THREE.SkinnedMesh( geometry, mat );
														
 
															+					mesh.normalizeSkinWeights();
														
 
															+				}
														
 
															 				this.threeNode = mesh;
														
 
															 				//mesh.matrixAutoUpdate = false;
														
--- a/examples/js/loaders/EquirectangularToCubeGenerator.js
+++ b/examples/js/loaders/EquirectangularToCubeGenerator.js
@@ -1,97 +1,217 @@
 
															 /**
														
 
															 * @author Richard M. / https://github.com/richardmonette
														
 
															+* @author WestLangley / http://github.com/WestLangley
														
 
															 */
														
 
															-THREE.EquirectangularToCubeGenerator = function ( sourceTexture, options ) {
														
 
															+THREE.CubemapGenerator = function ( renderer ) {
														
 
															-	this.sourceTexture = sourceTexture;
														
 
															-	this.resolution = options.resolution || 512;
														
 
															+	this.renderer = renderer;
														
 
															- 	this.views = [
														
 
															-		{ t: [ 1, 0, 0 ], u: [ 0, - 1, 0 ] },
														
 
															-		{ t: [ - 1, 0, 0 ], u: [ 0, - 1, 0 ] },
														
 
															-		{ t: [ 0, 1, 0 ], u: [ 0, 0, 1 ] },
														
 
															-		{ t: [ 0, - 1, 0 ], u: [ 0, 0, - 1 ] },
														
 
															-		{ t: [ 0, 0, 1 ], u: [ 0, - 1, 0 ] },
														
 
															-		{ t: [ 0, 0, - 1 ], u: [ 0, - 1, 0 ] },
														
 
															-	];
														
 
															+};
														
 
															+
														
 
															+THREE.CubemapGenerator.prototype.fromEquirectangular = function ( texture, options ) {
														
 
															+
														
 
															+	var scene = new THREE.Scene();
														
 
															+
														
 
															+	var shader = {
														
 
															+
														
 
															+		uniforms: {
														
 
															+			tEquirect: { value: null },
														
 
															+		},
														
 
															+
														
 
															+		vertexShader:
														
 
															+
														
 
															+			`
														
 
															+			varying vec3 vWorldDirection;
														
 
															+
														
 
															+			//include <common>
														
 
															+			vec3 transformDirection( in vec3 dir, in mat4 matrix ) {
														
 
															+
														
 
															+				return normalize( ( matrix * vec4( dir, 0.0 ) ).xyz );
														
 
															+
														
 
															+			}
														
 
															+
														
 
															+			void main() {
														
 
															+
														
 
															+				vWorldDirection = transformDirection( position, modelMatrix );
														
 
															+
														
 
															+				#include <begin_vertex>
														
 
															+				#include <project_vertex>
														
 
															+
														
 
															+			}
														
 
															+			`,
														
 
															+
														
 
															+		fragmentShader:
														
 
															+
														
 
															+			`
														
 
															+			uniform sampler2D tEquirect;
														
 
															+
														
 
															+			varying vec3 vWorldDirection;
														
 
															+
														
 
															+			//include <common>
														
 
															+			#define RECIPROCAL_PI 0.31830988618
														
 
															+			#define RECIPROCAL_PI2 0.15915494
														
 
															+
														
 
															+			void main() {
														
 
															+
														
 
															+				vec3 direction = normalize( vWorldDirection );
														
 
															+
														
 
															+				vec2 sampleUV;
														
 
															+
														
 
															+				sampleUV.y = asin( clamp( direction.y, - 1.0, 1.0 ) ) * RECIPROCAL_PI + 0.5;
														
 
															+
														
 
															+				sampleUV.x = atan( direction.z, direction.x ) * RECIPROCAL_PI2 + 0.5;
														
 
															+
														
 
															+				gl_FragColor = texture2D( tEquirect, sampleUV );
														
 
															+
														
 
															+			}
														
 
															+			`
														
 
															+	};
														
 
															+
														
 
															+	var material = new THREE.ShaderMaterial( {
														
 
															+
														
 
															+		type: 'CubemapFromEquirect',
														
 
															+
														
 
															+		uniforms: THREE.UniformsUtils.clone( shader.uniforms ),
														
 
															+		vertexShader: shader.vertexShader,
														
 
															+		fragmentShader: shader.fragmentShader,
														
 
															+		side: THREE.BackSide,
														
 
															+		blending: THREE.NoBlending
														
 
															+
														
 
															+	} );
														
 
															-	this.camera = new THREE.PerspectiveCamera( 90, 1, 0.1, 10 );
														
 
															-	this.boxMesh = new THREE.Mesh( new THREE.BoxBufferGeometry( 1, 1, 1 ), this.getShader() );
														
 
															-	this.boxMesh.material.side = THREE.BackSide;
														
 
															-	this.scene = new THREE.Scene();
														
 
															-	this.scene.add( this.boxMesh );
														
 
															+	material.uniforms.tEquirect.value = texture;
														
 
															+
														
 
															+	var mesh = new THREE.Mesh( new THREE.BoxBufferGeometry( 5, 5, 5 ), material );
														
 
															+
														
 
															+	scene.add( mesh );
														
 
															+
														
 
															+	var resolution = options.resolution || 512;
														
 
															 	var params = {
														
 
															-		format: options.format || this.sourceTexture.format,
														
 
															-		magFilter: this.sourceTexture.magFilter,
														
 
															-		minFilter: this.sourceTexture.minFilter,
														
 
															-		type: options.type || this.sourceTexture.type,
														
 
															-		generateMipmaps: this.sourceTexture.generateMipmaps,
														
 
															-		anisotropy: this.sourceTexture.anisotropy,
														
 
															-		encoding: this.sourceTexture.encoding
														
 
															+		type: texture.type,
														
 
															+		format: texture.format,
														
 
															+		encoding: texture.encoding,
														
 
															+		generateMipmaps: ( options.generateMipmaps !== undefined ) ?  options.generateMipmaps : texture.generateMipmaps,
														
 
															+		minFilter: ( options.minFilter !== undefined ) ?  options.minFilter : texture.minFilter,
														
 
															+		magFilter: ( options.magFilter !== undefined ) ?  options.magFilter : texture.magFilter
														
 
															 	};
														
 
															-	this.renderTarget = new THREE.WebGLRenderTargetCube( this.resolution, this.resolution, params );
														
 
															+	var camera = new THREE.CubeCamera( 1, 10, resolution, params );
														
 
															+
														
 
															+	camera.update( this.renderer, scene );
														
 
															+
														
 
															+	mesh.geometry.dispose();
														
 
															+	mesh.material.dispose();
														
 
															+
														
 
															+	return camera.renderTarget;
														
 
															 };
														
 
															-THREE.EquirectangularToCubeGenerator.prototype = {
														
 
															+//
														
 
															-	constructor: THREE.EquirectangularToCubeGenerator,
														
 
															+THREE.EquirectangularToCubeGenerator = ( function () {
														
 
															-	update: function ( renderer ) {
														
 
															+	var camera = new THREE.PerspectiveCamera( 90, 1, 0.1, 10 );
														
 
															+	var scene = new THREE.Scene();
														
 
															+	var boxMesh = new THREE.Mesh( new THREE.BoxBufferGeometry( 1, 1, 1 ), getShader() );
														
 
															+	boxMesh.material.side = THREE.BackSide;
														
 
															+	scene.add( boxMesh );
														
 
															-		for ( var i = 0; i < 6; i ++ ) {
														
 
															+	var EquirectangularToCubeGenerator = function ( sourceTexture, options ) {
														
 
															-			this.renderTarget.activeCubeFace = i;
														
 
															+		this.sourceTexture = sourceTexture;
														
 
															+		this.resolution = options.resolution || 512;
														
 
															-			var v = this.views[ i ];
														
 
															+		this.views = [
														
 
															+			{ t: [ 1, 0, 0 ], u: [ 0, - 1, 0 ] },
														
 
															+			{ t: [ - 1, 0, 0 ], u: [ 0, - 1, 0 ] },
														
 
															+			{ t: [ 0, 1, 0 ], u: [ 0, 0, 1 ] },
														
 
															+			{ t: [ 0, - 1, 0 ], u: [ 0, 0, - 1 ] },
														
 
															+			{ t: [ 0, 0, 1 ], u: [ 0, - 1, 0 ] },
														
 
															+			{ t: [ 0, 0, - 1 ], u: [ 0, - 1, 0 ] },
														
 
															+		];
														
 
															-			this.camera.position.set( 0, 0, 0 );
														
 
															-			this.camera.up.set( v.u[ 0 ], v.u[ 1 ], v.u[ 2 ] );
														
 
															-			this.camera.lookAt( v.t[ 0 ], v.t[ 1 ], v.t[ 2 ] );
														
 
															+		var params = {
														
 
															+			format: options.format || this.sourceTexture.format,
														
 
															+			magFilter: this.sourceTexture.magFilter,
														
 
															+			minFilter: this.sourceTexture.minFilter,
														
 
															+			type: options.type || this.sourceTexture.type,
														
 
															+			generateMipmaps: this.sourceTexture.generateMipmaps,
														
 
															+			anisotropy: this.sourceTexture.anisotropy,
														
 
															+			encoding: this.sourceTexture.encoding
														
 
															+		};
														
 
															-			renderer.render( this.scene, this.camera, this.renderTarget, true );
														
 
															+		this.renderTarget = new THREE.WebGLRenderTargetCube( this.resolution, this.resolution, params );
														
 
															-		}
														
 
															+	};
														
 
															+
														
 
															+	EquirectangularToCubeGenerator.prototype = {
														
 
															+
														
 
															+		constructor: EquirectangularToCubeGenerator,
														
 
															+
														
 
															+		update: function ( renderer ) {
														
 
															+
														
 
															+			boxMesh.material.uniforms.equirectangularMap.value = this.sourceTexture;
														
 
															+
														
 
															+			for ( var i = 0; i < 6; i ++ ) {
														
 
															+
														
 
															+				this.renderTarget.activeCubeFace = i;
														
 
															+
														
 
															+				var v = this.views[ i ];
														
 
															-		return this.renderTarget.texture;
														
 
															+				camera.position.set( 0, 0, 0 );
														
 
															+				camera.up.set( v.u[ 0 ], v.u[ 1 ], v.u[ 2 ] );
														
 
															+				camera.lookAt( v.t[ 0 ], v.t[ 1 ], v.t[ 2 ] );
														
 
															-	},
														
 
															+				renderer.render( scene, camera, this.renderTarget, true );
														
 
															-	getShader: function () {
														
 
															+			}
														
 
															+
														
 
															+			return this.renderTarget.texture;
														
 
															+
														
 
															+		},
														
 
															+
														
 
															+		dispose: function () {
														
 
															+
														
 
															+			this.renderTarget.dispose();
														
 
															+
														
 
															+		}
														
 
															+
														
 
															+	};
														
 
															+
														
 
															+	function getShader() {
														
 
															 		var shaderMaterial = new THREE.ShaderMaterial( {
														
 
															 			uniforms: {
														
 
															-				"equirectangularMap": { value: this.sourceTexture },
														
 
															+				"equirectangularMap": { value: null },
														
 
															 			},
														
 
															 			vertexShader:
														
 
															-				"varying vec3 localPosition;\n\
														
 
															-				\n\
														
 
															-				void main() {\n\
														
 
															-					localPosition = position;\n\
														
 
															-					gl_Position = projectionMatrix * modelViewMatrix * vec4( position, 1.0 );\n\
														
 
															-				}",
														
 
															+        "varying vec3 localPosition;\n\
														
 
															+        \n\
														
 
															+        void main() {\n\
														
 
															+          localPosition = position;\n\
														
 
															+          gl_Position = projectionMatrix * modelViewMatrix * vec4( position, 1.0 );\n\
														
 
															+        }",
														
 
															 			fragmentShader:
														
 
															-				"#include <common>\n\
														
 
															-				varying vec3 localPosition;\n\
														
 
															-				uniform sampler2D equirectangularMap;\n\
														
 
															-				\n\
														
 
															-				vec2 EquirectangularSampleUV(vec3 v) {\n\
														
 
															-			    vec2 uv = vec2(atan(v.z, v.x), asin(v.y));\n\
														
 
															-			    uv *= vec2(0.1591, 0.3183); // inverse atan\n\
														
 
															-			    uv += 0.5;\n\
														
 
															-			    return uv;\n\
														
 
															-				}\n\
														
 
															-				\n\
														
 
															-				void main() {\n\
														
 
															-					vec2 uv = EquirectangularSampleUV(normalize(localPosition));\n\
														
 
															-					gl_FragColor = texture2D(equirectangularMap, uv);\n\
														
 
															-				}",
														
 
															+        "#include <common>\n\
														
 
															+        varying vec3 localPosition;\n\
														
 
															+        uniform sampler2D equirectangularMap;\n\
														
 
															+        \n\
														
 
															+        vec2 EquirectangularSampleUV(vec3 v) {\n\
														
 
															+          vec2 uv = vec2(atan(v.z, v.x), asin(v.y));\n\
														
 
															+          uv *= vec2(0.1591, 0.3183); // inverse atan\n\
														
 
															+          uv += 0.5;\n\
														
 
															+          return uv;\n\
														
 
															+        }\n\
														
 
															+        \n\
														
 
															+        void main() {\n\
														
 
															+          vec2 uv = EquirectangularSampleUV(normalize(localPosition));\n\
														
 
															+          gl_FragColor = texture2D(equirectangularMap, uv);\n\
														
 
															+        }",
														
 
															 			blending: THREE.NoBlending
														
@@ -101,14 +221,8 @@ THREE.EquirectangularToCubeGenerator.prototype = {
 
															 		return shaderMaterial;
														
 
															-	},
														
 
															-
														
 
															-	dispose: function () {
														
 
															-
														
 
															-		this.boxMesh.geometry.dispose();
														
 
															-		this.boxMesh.material.dispose();
														
 
															-		this.renderTarget.dispose();
														
 
															-
														
 
															 	}
														
 
															-};
														
 
															+	return EquirectangularToCubeGenerator;
														
 
															+
														
 
															+} )();
														
--- a/examples/js/loaders/GLTFLoader.js
+++ b/examples/js/loaders/GLTFLoader.js
@@ -1061,7 +1061,7 @@ THREE.GLTFLoader = ( function () {
 
															 		var s3 = ppp - pp;
														
 
															 		var s0 = 1 - s2;
														
 
															 		var s1 = s3 - pp + p;
														
 
															-		
														
 
															+
														
 
															 		// Layout of keyframe output values for CUBICSPLINE animations:
														
 
															 		//   [ inTangent_1, splineVertex_1, outTangent_1, inTangent_2, splineVertex_2, ... ]
														
 
															 		for ( var i = 0; i !== stride; i ++ ) {
														
@@ -2705,6 +2705,8 @@ THREE.GLTFLoader = ( function () {
 
															 							? new THREE.SkinnedMesh( geometry, material )
														
 
															 							: new THREE.Mesh( geometry, material );
														
 
															+						if ( mesh.isSkinnedMesh === true ) mesh.normalizeSkinWeights(); // #15319
														
 
															+
														
 
															 						if ( primitive.mode === WEBGL_CONSTANTS.TRIANGLE_STRIP ) {
														
 
															 							mesh.drawMode = THREE.TriangleStripDrawMode;
														
@@ -3127,16 +3129,16 @@ THREE.GLTFLoader = ( function () {
 
															 		var nodeDef = json.nodes[ nodeIndex ];
														
 
															-		return new Promise( function ( resolve ) {
														
 
															+		return ( function() {
														
 
															 			// .isBone isn't in glTF spec. See .markDefs
														
 
															 			if ( nodeDef.isBone === true ) {
														
 
															-				resolve( new THREE.Bone() );
														
 
															+				return Promise.resolve( new THREE.Bone() );
														
 
															 			} else if ( nodeDef.mesh !== undefined ) {
														
 
															-				parser.getDependency( 'mesh', nodeDef.mesh ).then( function ( mesh ) {
														
 
															+				return parser.getDependency( 'mesh', nodeDef.mesh ).then( function ( mesh ) {
														
 
															 					var node;
														
@@ -3163,27 +3165,27 @@ THREE.GLTFLoader = ( function () {
 
															 					}
														
 
															-					resolve( node );
														
 
															+					return node;
														
 
															 				} );
														
 
															 			} else if ( nodeDef.camera !== undefined ) {
														
 
															-				parser.getDependency( 'camera', nodeDef.camera ).then( resolve );
														
 
															+				return parser.getDependency( 'camera', nodeDef.camera );
														
 
															 			} else if ( nodeDef.extensions
														
 
															 				&& nodeDef.extensions[ EXTENSIONS.KHR_LIGHTS_PUNCTUAL ]
														
 
															 				&& nodeDef.extensions[ EXTENSIONS.KHR_LIGHTS_PUNCTUAL ].light !== undefined ) {
														
 
															-				parser.getDependency( 'light', nodeDef.extensions[ EXTENSIONS.KHR_LIGHTS_PUNCTUAL ].light ).then( resolve );
														
 
															+				return parser.getDependency( 'light', nodeDef.extensions[ EXTENSIONS.KHR_LIGHTS_PUNCTUAL ].light );
														
 
															 			} else {
														
 
															-				resolve( new THREE.Object3D() );
														
 
															+				return Promise.resolve( new THREE.Object3D() );
														
 
															 			}
														
 
															-		} ).then( function ( node ) {
														
 
															+		}() ).then( function ( node ) {
														
 
															 			if ( nodeDef.name !== undefined ) {
														
--- a/examples/js/loaders/HDRCubeTextureLoader.js
+++ b/examples/js/loaders/HDRCubeTextureLoader.js
@@ -102,7 +102,7 @@ THREE.HDRCubeTextureLoader.prototype.load = function ( type, urls, onLoad, onPro
 
															 	texture.generateMipmaps = ( texture.encoding !== THREE.RGBEEncoding );
														
 
															 	texture.anisotropy = 0;
														
 
															-	var scope = this.hdrLoader;
														
 
															+	var scope = this;
														
 
															 	var loaded = 0;
														
@@ -115,7 +115,7 @@ THREE.HDRCubeTextureLoader.prototype.load = function ( type, urls, onLoad, onPro
 
															 			loaded ++;
														
 
															-			var texData = scope._parser( buffer );
														
 
															+			var texData = scope.hdrLoader._parser( buffer );
														
 
															 			if ( ! texData ) return;
														
--- a/examples/js/loaders/MMDLoader.js
+++ b/examples/js/loaders/MMDLoader.js
@@ -53,7 +53,7 @@ THREE.MMDLoader = ( function () {
 
															 		crossOrigin: 'anonymous',
														
 
															 		/**
														
 
															-		 * @param {string} value
														
 
															+		 * @param {string} crossOrigin
														
 
															 		 * @return {THREE.MMDLoader}
														
 
															 		 */
														
 
															 		setCrossOrigin: function ( crossOrigin ) {
														
@@ -63,6 +63,39 @@ THREE.MMDLoader = ( function () {
 
															 		},
														
 
															+		/**
														
 
															+		 * @param {string} animationPath
														
 
															+		 * @return {THREE.MMDLoader}
														
 
															+		 */
														
 
															+		setAnimationPath: function ( animationPath ) {
														
 
															+
														
 
															+			this.animationPath = animationPath;
														
 
															+			return this;
														
 
															+
														
 
															+		},
														
 
															+
														
 
															+		/**
														
 
															+		 * @param {string} path
														
 
															+		 * @return {THREE.MMDLoader}
														
 
															+		 */
														
 
															+		setPath: function ( path ) {
														
 
															+
														
 
															+			this.path = path;
														
 
															+			return this;
														
 
															+
														
 
															+		},
														
 
															+
														
 
															+		/**
														
 
															+		 * @param {string} resourcePath
														
 
															+		 * @return {THREE.MMDLoader}
														
 
															+		 */
														
 
															+		setResoucePath: function ( resourcePath ) {
														
 
															+
														
 
															+			this.resourcePath = resourcePath;
														
 
															+			return this;
														
 
															+
														
 
															+		},
														
 
															+
														
 
															 		// Load MMD assets as Three.js Object
														
 
															 		/**
														
@@ -77,7 +110,24 @@ THREE.MMDLoader = ( function () {
 
															 			var builder = this.meshBuilder.setCrossOrigin( this.crossOrigin );
														
 
															-			var texturePath = THREE.LoaderUtils.extractUrlBase( url );
														
 
															+			// resource path
														
 
															+
														
 
															+			var resourcePath;
														
 
															+
														
 
															+			if ( this.resourcePath !== undefined ) {
														
 
															+
														
 
															+				resourcePath = this.resourcePath;
														
 
															+
														
 
															+			} else if ( this.path !== undefined ) {
														
 
															+
														
 
															+				resourcePath = this.path;
														
 
															+
														
 
															+			} else {
														
 
															+
														
 
															+				resourcePath = THREE.LoaderUtils.extractUrlBase( url );
														
 
															+
														
 
															+			}
														
 
															+
														
 
															 			var modelExtension = this._extractExtension( url ).toLowerCase();
														
 
															 			// Should I detect by seeing header?
														
@@ -91,7 +141,7 @@ THREE.MMDLoader = ( function () {
 
															 			this[ modelExtension === 'pmd' ? 'loadPMD' : 'loadPMX' ]( url, function ( data ) {
														
 
															-				onLoad(	builder.build( data, texturePath, onProgress, onError )	);
														
 
															+				onLoad(	builder.build( data, resourcePath, onProgress, onError )	);
														
 
															 			}, onProgress, onError );
														
@@ -167,6 +217,7 @@ THREE.MMDLoader = ( function () {
 
															 			this.loader
														
 
															 				.setMimeType( undefined )
														
 
															+				.setPath( this.path )
														
 
															 				.setResponseType( 'arraybuffer' )
														
 
															 				.load( url, function ( buffer ) {
														
@@ -190,6 +241,7 @@ THREE.MMDLoader = ( function () {
 
															 			this.loader
														
 
															 				.setMimeType( undefined )
														
 
															+				.setPath( this.path )
														
 
															 				.setResponseType( 'arraybuffer' )
														
 
															 				.load( url, function ( buffer ) {
														
@@ -219,6 +271,7 @@ THREE.MMDLoader = ( function () {
 
															 			this.loader
														
 
															 				.setMimeType( undefined )
														
 
															+				.setPath( this.animationPath )
														
 
															 				.setResponseType( 'arraybuffer' );
														
 
															 			for ( var i = 0, il = urls.length; i < il; i ++ ) {
														
@@ -250,6 +303,7 @@ THREE.MMDLoader = ( function () {
 
															 			this.loader
														
 
															 				.setMimeType( isUnicode ? undefined : 'text/plain; charset=shift_jis' )
														
 
															+				.setPath( this.animationPath )
														
 
															 				.setResponseType( 'text' )
														
 
															 				.load( url, function ( text ) {
														
@@ -340,21 +394,24 @@ THREE.MMDLoader = ( function () {
 
															 		/**
														
 
															 		 * @param {Object} data - parsed PMD/PMX data
														
 
															-		 * @param {string} texturePath
														
 
															+		 * @param {string} resourcePath
														
 
															 		 * @param {function} onProgress
														
 
															 		 * @param {function} onError
														
 
															 		 * @return {THREE.SkinnedMesh}
														
 
															 		 */
														
 
															-		build: function ( data, texturePath, onProgress, onError ) {
														
 
															+		build: function ( data, resourcePath, onProgress, onError ) {
														
 
															 			var geometry = this.geometryBuilder.build( data );
														
 
															 			var material = this.materialBuilder
														
 
															 				.setCrossOrigin( this.crossOrigin )
														
 
															-				.setTexturePath( texturePath )
														
 
															+				.setResourcePath( resourcePath )
														
 
															 				.build( data, geometry, onProgress, onError );
														
 
															 			var mesh = new THREE.SkinnedMesh( geometry, material );
														
 
															+			var skeleton = new THREE.Skeleton( initBones( mesh ) );
														
 
															+			mesh.bind( skeleton );
														
 
															+
														
 
															 			// console.log( mesh ); // for console debug
														
 
															 			return mesh;
														
@@ -363,6 +420,70 @@ THREE.MMDLoader = ( function () {
 
															 	};
														
 
															+	// TODO: Try to remove this function
														
 
															+
														
 
															+	function initBones( mesh ) {
														
 
															+
														
 
															+		var geometry = mesh.geometry;
														
 
															+
														
 
															+		var bones = [], bone, gbone;
														
 
															+		var i, il;
														
 
															+
														
 
															+		if ( geometry && geometry.bones !== undefined ) {
														
 
															+
														
 
															+			// first, create array of 'Bone' objects from geometry data
														
 
															+
														
 
															+			for ( i = 0, il = geometry.bones.length; i < il; i ++ ) {
														
 
															+
														
 
															+				gbone = geometry.bones[ i ];
														
 
															+
														
 
															+				// create new 'Bone' object
														
 
															+
														
 
															+				bone = new THREE.Bone();
														
 
															+				bones.push( bone );
														
 
															+
														
 
															+				// apply values
														
 
															+
														
 
															+				bone.name = gbone.name;
														
 
															+				bone.position.fromArray( gbone.pos );
														
 
															+				bone.quaternion.fromArray( gbone.rotq );
														
 
															+				if ( gbone.scl !== undefined ) bone.scale.fromArray( gbone.scl );
														
 
															+
														
 
															+			}
														
 
															+
														
 
															+			// second, create bone hierarchy
														
 
															+
														
 
															+			for ( i = 0, il = geometry.bones.length; i < il; i ++ ) {
														
 
															+
														
 
															+				gbone = geometry.bones[ i ];
														
 
															+
														
 
															+				if ( ( gbone.parent !== - 1 ) && ( gbone.parent !== null ) && ( bones[ gbone.parent ] !== undefined ) ) {
														
 
															+
														
 
															+					// subsequent bones in the hierarchy
														
 
															+
														
 
															+					bones[ gbone.parent ].add( bones[ i ] );
														
 
															+
														
 
															+				} else {
														
 
															+
														
 
															+					// topmost bone, immediate child of the skinned mesh
														
 
															+
														
 
															+					mesh.add( bones[ i ] );
														
 
															+
														
 
															+				}
														
 
															+
														
 
															+			}
														
 
															+
														
 
															+		}
														
 
															+
														
 
															+		// now the bones are part of the scene graph and children of the skinned mesh.
														
 
															+		// let's update the corresponding matrices
														
 
															+
														
 
															+		mesh.updateMatrixWorld( true );
														
 
															+
														
 
															+		return bones;
														
 
															+
														
 
															+	}
														
 
															+
														
 
															 	//
														
 
															 	function GeometryBuilder() {
														
@@ -874,7 +995,7 @@ THREE.MMDLoader = ( function () {
 
															 		crossOrigin: 'anonymous',
														
 
															-		texturePath: undefined,
														
 
															+		resourcePath: undefined,
														
 
															 		/**
														
 
															 		 * @param {string} crossOrigin
														
@@ -888,12 +1009,12 @@ THREE.MMDLoader = ( function () {
 
															 		},
														
 
															 		/**
														
 
															-		 * @param {string} texturePath
														
 
															+		 * @param {string} resourcePath
														
 
															 		 * @return {MaterialBuilder}
														
 
															 		 */
														
 
															-		setTexturePath: function ( texturePath ) {
														
 
															+		setResourcePath: function ( resourcePath ) {
														
 
															-			this.texturePath = texturePath;
														
 
															+			this.resourcePath = resourcePath;
														
 
															 			return this;
														
 
															 		},
														
@@ -1213,7 +1334,7 @@ THREE.MMDLoader = ( function () {
 
															 			} else {
														
 
															-				fullPath = this.texturePath + filePath;
														
 
															+				fullPath = this.resourcePath + filePath;
														
 
															 			}
														
--- a/examples/js/loaders/deprecated/LegacyJSONLoader.js
+++ b/examples/js/loaders/deprecated/LegacyJSONLoader.js
@@ -0,0 +1,578 @@
 
															+/**
														
 
															+ * @author mrdoob / http://mrdoob.com/
														
 
															+ * @author alteredq / http://alteredqualia.com/
														
 
															+ */
														
 
															+
														
 
															+THREE.LegacyJSONLoader = ( function () {
														
 
															+
														
 
															+	function LegacyJSONLoader( manager ) {
														
 
															+
														
 
															+		if ( typeof manager === 'boolean' ) {
														
 
															+
														
 
															+			console.warn( 'THREE.JSONLoader: showStatus parameter has been removed from constructor.' );
														
 
															+			manager = undefined;
														
 
															+
														
 
															+		}
														
 
															+
														
 
															+		this.manager = ( manager !== undefined ) ? manager : THREE.DefaultLoadingManager;
														
 
															+
														
 
															+		this.withCredentials = false;
														
 
															+
														
 
															+	}
														
 
															+
														
 
															+	Object.assign( LegacyJSONLoader.prototype, {
														
 
															+
														
 
															+		crossOrigin: 'anonymous',
														
 
															+
														
 
															+		load: function ( url, onLoad, onProgress, onError ) {
														
 
															+
														
 
															+			var scope = this;
														
 
															+
														
 
															+			var path = ( this.path === undefined ) ? THREE.LoaderUtils.extractUrlBase( url ) : this.path;
														
 
															+
														
 
															+			var loader = new THREE.FileLoader( this.manager );
														
 
															+			loader.setPath( this.path );
														
 
															+			loader.setWithCredentials( this.withCredentials );
														
 
															+			loader.load( url, function ( text ) {
														
 
															+
														
 
															+				var json = JSON.parse( text );
														
 
															+				var metadata = json.metadata;
														
 
															+
														
 
															+				if ( metadata !== undefined ) {
														
 
															+
														
 
															+					var type = metadata.type;
														
 
															+
														
 
															+					if ( type !== undefined ) {
														
 
															+
														
 
															+						if ( type.toLowerCase() === 'object' ) {
														
 
															+
														
 
															+							console.error( 'THREE.JSONLoader: ' + url + ' should be loaded with THREE.ObjectLoader instead.' );
														
 
															+							return;
														
 
															+
														
 
															+						}
														
 
															+
														
 
															+					}
														
 
															+
														
 
															+				}
														
 
															+
														
 
															+				var object = scope.parse( json, path );
														
 
															+				onLoad( object.geometry, object.materials );
														
 
															+
														
 
															+			}, onProgress, onError );
														
 
															+
														
 
															+		},
														
 
															+
														
 
															+		setPath: function ( value ) {
														
 
															+
														
 
															+			this.path = value;
														
 
															+			return this;
														
 
															+
														
 
															+		},
														
 
															+
														
 
															+		setResourcePath: function ( value ) {
														
 
															+
														
 
															+			this.resourcePath = value;
														
 
															+			return this;
														
 
															+
														
 
															+		},
														
 
															+
														
 
															+		setCrossOrigin: function ( value ) {
														
 
															+
														
 
															+			this.crossOrigin = value;
														
 
															+			return this;
														
 
															+
														
 
															+		},
														
 
															+
														
 
															+		parse: ( function () {
														
 
															+
														
 
															+			function parseModel( json, geometry ) {
														
 
															+
														
 
															+				function isBitSet( value, position ) {
														
 
															+
														
 
															+					return value & ( 1 << position );
														
 
															+
														
 
															+				}
														
 
															+
														
 
															+				var i, j, fi,
														
 
															+
														
 
															+					offset, zLength,
														
 
															+
														
 
															+					colorIndex, normalIndex, uvIndex, materialIndex,
														
 
															+
														
 
															+					type,
														
 
															+					isQuad,
														
 
															+					hasMaterial,
														
 
															+					hasFaceVertexUv,
														
 
															+					hasFaceNormal, hasFaceVertexNormal,
														
 
															+					hasFaceColor, hasFaceVertexColor,
														
 
															+
														
 
															+					vertex, face, faceA, faceB, hex, normal,
														
 
															+
														
 
															+					uvLayer, uv, u, v,
														
 
															+
														
 
															+					faces = json.faces,
														
 
															+					vertices = json.vertices,
														
 
															+					normals = json.normals,
														
 
															+					colors = json.colors,
														
 
															+
														
 
															+					scale = json.scale,
														
 
															+
														
 
															+					nUvLayers = 0;
														
 
															+
														
 
															+
														
 
															+				if ( json.uvs !== undefined ) {
														
 
															+
														
 
															+					// disregard empty arrays
														
 
															+
														
 
															+					for ( i = 0; i < json.uvs.length; i ++ ) {
														
 
															+
														
 
															+						if ( json.uvs[ i ].length ) nUvLayers ++;
														
 
															+
														
 
															+					}
														
 
															+
														
 
															+					for ( i = 0; i < nUvLayers; i ++ ) {
														
 
															+
														
 
															+						geometry.faceVertexUvs[ i ] = [];
														
 
															+
														
 
															+					}
														
 
															+
														
 
															+				}
														
 
															+
														
 
															+				offset = 0;
														
 
															+				zLength = vertices.length;
														
 
															+
														
 
															+				while ( offset < zLength ) {
														
 
															+
														
 
															+					vertex = new THREE.Vector3();
														
 
															+
														
 
															+					vertex.x = vertices[ offset ++ ] * scale;
														
 
															+					vertex.y = vertices[ offset ++ ] * scale;
														
 
															+					vertex.z = vertices[ offset ++ ] * scale;
														
 
															+
														
 
															+					geometry.vertices.push( vertex );
														
 
															+
														
 
															+				}
														
 
															+
														
 
															+				offset = 0;
														
 
															+				zLength = faces.length;
														
 
															+
														
 
															+				while ( offset < zLength ) {
														
 
															+
														
 
															+					type = faces[ offset ++ ];
														
 
															+
														
 
															+					isQuad = isBitSet( type, 0 );
														
 
															+					hasMaterial = isBitSet( type, 1 );
														
 
															+					hasFaceVertexUv = isBitSet( type, 3 );
														
 
															+					hasFaceNormal = isBitSet( type, 4 );
														
 
															+					hasFaceVertexNormal = isBitSet( type, 5 );
														
 
															+					hasFaceColor = isBitSet( type, 6 );
														
 
															+					hasFaceVertexColor = isBitSet( type, 7 );
														
 
															+
														
 
															+					// console.log("type", type, "bits", isQuad, hasMaterial, hasFaceVertexUv, hasFaceNormal, hasFaceVertexNormal, hasFaceColor, hasFaceVertexColor);
														
 
															+
														
 
															+					if ( isQuad ) {
														
 
															+
														
 
															+						faceA = new THREE.Face3();
														
 
															+						faceA.a = faces[ offset ];
														
 
															+						faceA.b = faces[ offset + 1 ];
														
 
															+						faceA.c = faces[ offset + 3 ];
														
 
															+
														
 
															+						faceB = new THREE.Face3();
														
 
															+						faceB.a = faces[ offset + 1 ];
														
 
															+						faceB.b = faces[ offset + 2 ];
														
 
															+						faceB.c = faces[ offset + 3 ];
														
 
															+
														
 
															+						offset += 4;
														
 
															+
														
 
															+						if ( hasMaterial ) {
														
 
															+
														
 
															+							materialIndex = faces[ offset ++ ];
														
 
															+							faceA.materialIndex = materialIndex;
														
 
															+							faceB.materialIndex = materialIndex;
														
 
															+
														
 
															+						}
														
 
															+
														
 
															+						// to get face <=> uv index correspondence
														
 
															+
														
 
															+						fi = geometry.faces.length;
														
 
															+
														
 
															+						if ( hasFaceVertexUv ) {
														
 
															+
														
 
															+							for ( i = 0; i < nUvLayers; i ++ ) {
														
 
															+
														
 
															+								uvLayer = json.uvs[ i ];
														
 
															+
														
 
															+								geometry.faceVertexUvs[ i ][ fi ] = [];
														
 
															+								geometry.faceVertexUvs[ i ][ fi + 1 ] = [];
														
 
															+
														
 
															+								for ( j = 0; j < 4; j ++ ) {
														
 
															+
														
 
															+									uvIndex = faces[ offset ++ ];
														
 
															+
														
 
															+									u = uvLayer[ uvIndex * 2 ];
														
 
															+									v = uvLayer[ uvIndex * 2 + 1 ];
														
 
															+
														
 
															+									uv = new THREE.Vector2( u, v );
														
 
															+
														
 
															+									if ( j !== 2 ) geometry.faceVertexUvs[ i ][ fi ].push( uv );
														
 
															+									if ( j !== 0 ) geometry.faceVertexUvs[ i ][ fi + 1 ].push( uv );
														
 
															+
														
 
															+								}
														
 
															+
														
 
															+							}
														
 
															+
														
 
															+						}
														
 
															+
														
 
															+						if ( hasFaceNormal ) {
														
 
															+
														
 
															+							normalIndex = faces[ offset ++ ] * 3;
														
 
															+
														
 
															+							faceA.normal.set(
														
 
															+								normals[ normalIndex ++ ],
														
 
															+								normals[ normalIndex ++ ],
														
 
															+								normals[ normalIndex ]
														
 
															+							);
														
 
															+
														
 
															+							faceB.normal.copy( faceA.normal );
														
 
															+
														
 
															+						}
														
 
															+
														
 
															+						if ( hasFaceVertexNormal ) {
														
 
															+
														
 
															+							for ( i = 0; i < 4; i ++ ) {
														
 
															+
														
 
															+								normalIndex = faces[ offset ++ ] * 3;
														
 
															+
														
 
															+								normal = new THREE.Vector3(
														
 
															+									normals[ normalIndex ++ ],
														
 
															+									normals[ normalIndex ++ ],
														
 
															+									normals[ normalIndex ]
														
 
															+								);
														
 
															+
														
 
															+
														
 
															+								if ( i !== 2 ) faceA.vertexNormals.push( normal );
														
 
															+								if ( i !== 0 ) faceB.vertexNormals.push( normal );
														
 
															+
														
 
															+							}
														
 
															+
														
 
															+						}
														
 
															+
														
 
															+
														
 
															+						if ( hasFaceColor ) {
														
 
															+
														
 
															+							colorIndex = faces[ offset ++ ];
														
 
															+							hex = colors[ colorIndex ];
														
 
															+
														
 
															+							faceA.color.setHex( hex );
														
 
															+							faceB.color.setHex( hex );
														
 
															+
														
 
															+						}
														
 
															+
														
 
															+
														
 
															+						if ( hasFaceVertexColor ) {
														
 
															+
														
 
															+							for ( i = 0; i < 4; i ++ ) {
														
 
															+
														
 
															+								colorIndex = faces[ offset ++ ];
														
 
															+								hex = colors[ colorIndex ];
														
 
															+
														
 
															+								if ( i !== 2 ) faceA.vertexColors.push( new THREE.Color( hex ) );
														
 
															+								if ( i !== 0 ) faceB.vertexColors.push( new THREE.Color( hex ) );
														
 
															+
														
 
															+							}
														
 
															+
														
 
															+						}
														
 
															+
														
 
															+						geometry.faces.push( faceA );
														
 
															+						geometry.faces.push( faceB );
														
 
															+
														
 
															+					} else {
														
 
															+
														
 
															+						face = new THREE.Face3();
														
 
															+						face.a = faces[ offset ++ ];
														
 
															+						face.b = faces[ offset ++ ];
														
 
															+						face.c = faces[ offset ++ ];
														
 
															+
														
 
															+						if ( hasMaterial ) {
														
 
															+
														
 
															+							materialIndex = faces[ offset ++ ];
														
 
															+							face.materialIndex = materialIndex;
														
 
															+
														
 
															+						}
														
 
															+
														
 
															+						// to get face <=> uv index correspondence
														
 
															+
														
 
															+						fi = geometry.faces.length;
														
 
															+
														
 
															+						if ( hasFaceVertexUv ) {
														
 
															+
														
 
															+							for ( i = 0; i < nUvLayers; i ++ ) {
														
 
															+
														
 
															+								uvLayer = json.uvs[ i ];
														
 
															+
														
 
															+								geometry.faceVertexUvs[ i ][ fi ] = [];
														
 
															+
														
 
															+								for ( j = 0; j < 3; j ++ ) {
														
 
															+
														
 
															+									uvIndex = faces[ offset ++ ];
														
 
															+
														
 
															+									u = uvLayer[ uvIndex * 2 ];
														
 
															+									v = uvLayer[ uvIndex * 2 + 1 ];
														
 
															+
														
 
															+									uv = new THREE.Vector2( u, v );
														
 
															+
														
 
															+									geometry.faceVertexUvs[ i ][ fi ].push( uv );
														
 
															+
														
 
															+								}
														
 
															+
														
 
															+							}
														
 
															+
														
 
															+						}
														
 
															+
														
 
															+						if ( hasFaceNormal ) {
														
 
															+
														
 
															+							normalIndex = faces[ offset ++ ] * 3;
														
 
															+
														
 
															+							face.normal.set(
														
 
															+								normals[ normalIndex ++ ],
														
 
															+								normals[ normalIndex ++ ],
														
 
															+								normals[ normalIndex ]
														
 
															+							);
														
 
															+
														
 
															+						}
														
 
															+
														
 
															+						if ( hasFaceVertexNormal ) {
														
 
															+
														
 
															+							for ( i = 0; i < 3; i ++ ) {
														
 
															+
														
 
															+								normalIndex = faces[ offset ++ ] * 3;
														
 
															+
														
 
															+								normal = new THREE.Vector3(
														
 
															+									normals[ normalIndex ++ ],
														
 
															+									normals[ normalIndex ++ ],
														
 
															+									normals[ normalIndex ]
														
 
															+								);
														
 
															+
														
 
															+								face.vertexNormals.push( normal );
														
 
															+
														
 
															+							}
														
 
															+
														
 
															+						}
														
 
															+
														
 
															+
														
 
															+						if ( hasFaceColor ) {
														
 
															+
														
 
															+							colorIndex = faces[ offset ++ ];
														
 
															+							face.color.setHex( colors[ colorIndex ] );
														
 
															+
														
 
															+						}
														
 
															+
														
 
															+
														
 
															+						if ( hasFaceVertexColor ) {
														
 
															+
														
 
															+							for ( i = 0; i < 3; i ++ ) {
														
 
															+
														
 
															+								colorIndex = faces[ offset ++ ];
														
 
															+								face.vertexColors.push( new THREE.Color( colors[ colorIndex ] ) );
														
 
															+
														
 
															+							}
														
 
															+
														
 
															+						}
														
 
															+
														
 
															+						geometry.faces.push( face );
														
 
															+
														
 
															+					}
														
 
															+
														
 
															+				}
														
 
															+
														
 
															+			}
														
 
															+
														
 
															+			function parseSkin( json, geometry ) {
														
 
															+
														
 
															+				var influencesPerVertex = ( json.influencesPerVertex !== undefined ) ? json.influencesPerVertex : 2;
														
 
															+
														
 
															+				if ( json.skinWeights ) {
														
 
															+
														
 
															+					for ( var i = 0, l = json.skinWeights.length; i < l; i += influencesPerVertex ) {
														
 
															+
														
 
															+						var x = json.skinWeights[ i ];
														
 
															+						var y = ( influencesPerVertex > 1 ) ? json.skinWeights[ i + 1 ] : 0;
														
 
															+						var z = ( influencesPerVertex > 2 ) ? json.skinWeights[ i + 2 ] : 0;
														
 
															+						var w = ( influencesPerVertex > 3 ) ? json.skinWeights[ i + 3 ] : 0;
														
 
															+
														
 
															+						geometry.skinWeights.push( new THREE.Vector4( x, y, z, w ) );
														
 
															+
														
 
															+					}
														
 
															+
														
 
															+				}
														
 
															+
														
 
															+				if ( json.skinIndices ) {
														
 
															+
														
 
															+					for ( var i = 0, l = json.skinIndices.length; i < l; i += influencesPerVertex ) {
														
 
															+
														
 
															+						var a = json.skinIndices[ i ];
														
 
															+						var b = ( influencesPerVertex > 1 ) ? json.skinIndices[ i + 1 ] : 0;
														
 
															+						var c = ( influencesPerVertex > 2 ) ? json.skinIndices[ i + 2 ] : 0;
														
 
															+						var d = ( influencesPerVertex > 3 ) ? json.skinIndices[ i + 3 ] : 0;
														
 
															+
														
 
															+						geometry.skinIndices.push( new THREE.Vector4( a, b, c, d ) );
														
 
															+
														
 
															+					}
														
 
															+
														
 
															+				}
														
 
															+
														
 
															+				geometry.bones = json.bones;
														
 
															+
														
 
															+				if ( geometry.bones && geometry.bones.length > 0 && ( geometry.skinWeights.length !== geometry.skinIndices.length || geometry.skinIndices.length !== geometry.vertices.length ) ) {
														
 
															+
														
 
															+					console.warn( 'When skinning, number of vertices (' + geometry.vertices.length + '), skinIndices (' +
														
 
															+						geometry.skinIndices.length + '), and skinWeights (' + geometry.skinWeights.length + ') should match.' );
														
 
															+
														
 
															+				}
														
 
															+
														
 
															+			}
														
 
															+
														
 
															+			function parseMorphing( json, geometry ) {
														
 
															+
														
 
															+				var scale = json.scale;
														
 
															+
														
 
															+				if ( json.morphTargets !== undefined ) {
														
 
															+
														
 
															+					for ( var i = 0, l = json.morphTargets.length; i < l; i ++ ) {
														
 
															+
														
 
															+						geometry.morphTargets[ i ] = {};
														
 
															+						geometry.morphTargets[ i ].name = json.morphTargets[ i ].name;
														
 
															+						geometry.morphTargets[ i ].vertices = [];
														
 
															+
														
 
															+						var dstVertices = geometry.morphTargets[ i ].vertices;
														
 
															+						var srcVertices = json.morphTargets[ i ].vertices;
														
 
															+
														
 
															+						for ( var v = 0, vl = srcVertices.length; v < vl; v += 3 ) {
														
 
															+
														
 
															+							var vertex = new THREE.Vector3();
														
 
															+							vertex.x = srcVertices[ v ] * scale;
														
 
															+							vertex.y = srcVertices[ v + 1 ] * scale;
														
 
															+							vertex.z = srcVertices[ v + 2 ] * scale;
														
 
															+
														
 
															+							dstVertices.push( vertex );
														
 
															+
														
 
															+						}
														
 
															+
														
 
															+					}
														
 
															+
														
 
															+				}
														
 
															+
														
 
															+				if ( json.morphColors !== undefined && json.morphColors.length > 0 ) {
														
 
															+
														
 
															+					console.warn( 'THREE.JSONLoader: "morphColors" no longer supported. Using them as face colors.' );
														
 
															+
														
 
															+					var faces = geometry.faces;
														
 
															+					var morphColors = json.morphColors[ 0 ].colors;
														
 
															+
														
 
															+					for ( var i = 0, l = faces.length; i < l; i ++ ) {
														
 
															+
														
 
															+						faces[ i ].color.fromArray( morphColors, i * 3 );
														
 
															+
														
 
															+					}
														
 
															+
														
 
															+				}
														
 
															+
														
 
															+			}
														
 
															+
														
 
															+			function parseAnimations( json, geometry ) {
														
 
															+
														
 
															+				var outputAnimations = [];
														
 
															+
														
 
															+				// parse old style Bone/Hierarchy animations
														
 
															+				var animations = [];
														
 
															+
														
 
															+				if ( json.animation !== undefined ) {
														
 
															+
														
 
															+					animations.push( json.animation );
														
 
															+
														
 
															+				}
														
 
															+
														
 
															+				if ( json.animations !== undefined ) {
														
 
															+
														
 
															+					if ( json.animations.length ) {
														
 
															+
														
 
															+						animations = animations.concat( json.animations );
														
 
															+
														
 
															+					} else {
														
 
															+
														
 
															+						animations.push( json.animations );
														
 
															+
														
 
															+					}
														
 
															+
														
 
															+				}
														
 
															+
														
 
															+				for ( var i = 0; i < animations.length; i ++ ) {
														
 
															+
														
 
															+					var clip = THREE.AnimationClip.parseAnimation( animations[ i ], geometry.bones );
														
 
															+					if ( clip ) outputAnimations.push( clip );
														
 
															+
														
 
															+				}
														
 
															+
														
 
															+				// parse implicit morph animations
														
 
															+				if ( geometry.morphTargets ) {
														
 
															+
														
 
															+					// TODO: Figure out what an appropraite FPS is for morph target animations -- defaulting to 10, but really it is completely arbitrary.
														
 
															+					var morphAnimationClips = THREE.AnimationClip.CreateClipsFromMorphTargetSequences( geometry.morphTargets, 10 );
														
 
															+					outputAnimations = outputAnimations.concat( morphAnimationClips );
														
 
															+
														
 
															+				}
														
 
															+
														
 
															+				if ( outputAnimations.length > 0 ) geometry.animations = outputAnimations;
														
 
															+
														
 
															+			}
														
 
															+
														
 
															+			return function parse( json, path ) {
														
 
															+
														
 
															+				if ( json.data !== undefined ) {
														
 
															+
														
 
															+					// Geometry 4.0 spec
														
 
															+					json = json.data;
														
 
															+
														
 
															+				}
														
 
															+
														
 
															+				if ( json.scale !== undefined ) {
														
 
															+
														
 
															+					json.scale = 1.0 / json.scale;
														
 
															+
														
 
															+				} else {
														
 
															+
														
 
															+					json.scale = 1.0;
														
 
															+
														
 
															+				}
														
 
															+
														
 
															+				var geometry = new THREE.Geometry();
														
 
															+
														
 
															+				parseModel( json, geometry );
														
 
															+				parseSkin( json, geometry );
														
 
															+				parseMorphing( json, geometry );
														
 
															+				parseAnimations( json, geometry );
														
 
															+
														
 
															+				geometry.computeFaceNormals();
														
 
															+				geometry.computeBoundingSphere();
														
 
															+
														
 
															+				if ( json.materials === undefined || json.materials.length === 0 ) {
														
 
															+
														
 
															+					return { geometry: geometry };
														
 
															+
														
 
															+				} else {
														
 
															+
														
 
															+					var materials = THREE.Loader.prototype.initMaterials( json.materials, this.resourcePath || path, this.crossOrigin );
														
 
															+
														
 
															+					return { geometry: geometry, materials: materials };
														
 
															+
														
 
															+				}
														
 
															+
														
 
															+			};
														
 
															+
														
 
															+		} )()
														
 
															+
														
 
															+	} );
														
 
															+
														
 
															+	return LegacyJSONLoader;
														
 
															+
														
 
															+} )();
														
--- a/examples/js/loaders/sea3d/SEA3DLoader.js
+++ b/examples/js/loaders/sea3d/SEA3DLoader.js
@@ -1296,9 +1296,11 @@ THREE.SEA3D.Mesh.prototype = Object.assign( Object.create( THREE.Mesh.prototype
 
															 //	Skinning
														
 
															 //
														
 
															-THREE.SEA3D.SkinnedMesh = function ( geometry, material, useVertexTexture ) {
														
 
															+THREE.SEA3D.SkinnedMesh = function ( geometry, material ) {
														
 
															-	THREE.SkinnedMesh.call( this, geometry, material, useVertexTexture );
														
 
															+	THREE.SkinnedMesh.call( this, geometry, material );
														
 
															+
														
 
															+	this.bind( new THREE.Skeleton( this.initBones() ), this.matrixWorld );
														
 
															 	this.updateAnimations( geometry.animations, new THREE.AnimationMixer( this ) );
														
@@ -1308,6 +1310,66 @@ THREE.SEA3D.SkinnedMesh.prototype = Object.assign( Object.create( THREE.SkinnedM
 
															 	constructor: THREE.SEA3D.SkinnedMesh,
														
 
															+	initBones: function () {
														
 
															+
														
 
															+		var bones = [], bone, gbone;
														
 
															+		var i, il;
														
 
															+
														
 
															+		if ( this.geometry && this.geometry.bones !== undefined ) {
														
 
															+
														
 
															+			// first, create array of 'Bone' objects from geometry data
														
 
															+
														
 
															+			for ( i = 0, il = this.geometry.bones.length; i < il; i ++ ) {
														
 
															+
														
 
															+				gbone = this.geometry.bones[ i ];
														
 
															+
														
 
															+				// create new 'Bone' object
														
 
															+
														
 
															+				bone = new THREE.Bone();
														
 
															+				bones.push( bone );
														
 
															+
														
 
															+				// apply values
														
 
															+
														
 
															+				bone.name = gbone.name;
														
 
															+				bone.position.fromArray( gbone.pos );
														
 
															+				bone.quaternion.fromArray( gbone.rotq );
														
 
															+				if ( gbone.scl !== undefined ) bone.scale.fromArray( gbone.scl );
														
 
															+
														
 
															+			}
														
 
															+
														
 
															+			// second, create bone hierarchy
														
 
															+
														
 
															+			for ( i = 0, il = this.geometry.bones.length; i < il; i ++ ) {
														
 
															+
														
 
															+				gbone = this.geometry.bones[ i ];
														
 
															+
														
 
															+				if ( ( gbone.parent !== - 1 ) && ( gbone.parent !== null ) && ( bones[ gbone.parent ] !== undefined ) ) {
														
 
															+
														
 
															+					// subsequent bones in the hierarchy
														
 
															+
														
 
															+					bones[ gbone.parent ].add( bones[ i ] );
														
 
															+
														
 
															+				} else {
														
 
															+
														
 
															+					// topmost bone, immediate child of the skinned mesh
														
 
															+
														
 
															+					this.add( bones[ i ] );
														
 
															+
														
 
															+				}
														
 
															+
														
 
															+			}
														
 
															+
														
 
															+		}
														
 
															+
														
 
															+		// now the bones are part of the scene graph and children of the skinned mesh.
														
 
															+		// let's update the corresponding matrices
														
 
															+
														
 
															+		this.updateMatrixWorld( true );
														
 
															+
														
 
															+		return bones;
														
 
															+
														
 
															+	},
														
 
															+
														
 
															 	boneByName: function ( name ) {
														
 
															 		var bones = this.skeleton.bones;
														
--- a/examples/js/nodes/materials/nodes/StandardNode.js
+++ b/examples/js/nodes/materials/nodes/StandardNode.js
@@ -183,8 +183,7 @@ StandardNode.prototype.build = function ( builder ) {
 
															 			"#include <lights_pars_begin>",
														
 
															 			"#include <lights_physical_pars_fragment>",
														
 
															 			"#include <shadowmap_pars_fragment>",
														
 
															-			"#include <logdepthbuf_pars_fragment>",
														
 
															-			"#include <logdepthbuf_vertex>"
														
 
															+			"#include <logdepthbuf_pars_fragment>"
														
 
															 		].join( "\n" ) );
														
 
															 		var output = [
														
--- a/examples/js/offscreen/jank.js
+++ b/examples/js/offscreen/jank.js
@@ -0,0 +1,38 @@
 
															+var interval = null;
														
 
															+
														
 
															+var button = document.getElementById( 'button' );
														
 
															+button.addEventListener( 'click', function () {
														
 
															+
														
 
															+	if ( interval === null ) {
														
 
															+
														
 
															+		interval = setInterval( jank, 1000 / 60 );
														
 
															+
														
 
															+		button.textContent = 'STOP JANK';
														
 
															+
														
 
															+	} else {
														
 
															+
														
 
															+		clearInterval( interval );
														
 
															+		interval = null;
														
 
															+
														
 
															+		button.textContent = 'START JANK';
														
 
															+		result.textContent = '';
														
 
															+
														
 
															+	}
														
 
															+
														
 
															+} );
														
 
															+
														
 
															+var result = document.getElementById( 'result' );
														
 
															+
														
 
															+function jank() {
														
 
															+
														
 
															+	var number = 0;
														
 
															+
														
 
															+	for ( var i = 0; i < 10000000; i ++ ) {
														
 
															+
														
 
															+		number += Math.random();
														
 
															+
														
 
															+	}
														
 
															+
														
 
															+	result.textContent = number;
														
 
															+
														
 
															+}
														
--- a/examples/js/offscreen/offscreen.js
+++ b/examples/js/offscreen/offscreen.js
@@ -0,0 +1,9 @@
 
															+self.importScripts( '../../../build/three.js' );
														
 
															+self.importScripts( './scene.js' );
														
 
															+
														
 
															+self.onmessage = function ( message ) {
														
 
															+
														
 
															+	var data = message.data;
														
 
															+	init( data.drawingSurface, data.width, data.height, data.pixelRatio, data.path );
														
 
															+
														
 
															+};
														
--- a/examples/js/offscreen/scene.js
+++ b/examples/js/offscreen/scene.js
@@ -0,0 +1,77 @@
 
															+var camera, scene, renderer, group;
														
 
															+
														
 
															+function init( canvas, width, height, pixelRatio, path ) {
														
 
															+
														
 
															+	camera = new THREE.PerspectiveCamera( 40, width / height, 1, 1000 );
														
 
															+	camera.position.z = 200;
														
 
															+
														
 
															+	scene = new THREE.Scene();
														
 
															+	scene.fog = new THREE.Fog( 0x444466, 100, 400 );
														
 
															+	scene.background = new THREE.Color( 0x444466 );
														
 
															+
														
 
															+	group = new THREE.Group();
														
 
															+	scene.add( group );
														
 
															+
														
 
															+	// we don't use ImageLoader since it has a DOM dependency (HTML5 image element)
														
 
															+
														
 
															+	var loader = new THREE.ImageBitmapLoader().setPath( path );
														
 
															+	loader.load( 'textures/matcaps/matcap-porcelain-white.jpg', function ( imageBitmap ) {
														
 
															+
														
 
															+		var texture = new THREE.CanvasTexture( imageBitmap );
														
 
															+
														
 
															+		var geometry = new THREE.IcosahedronBufferGeometry( 5, 3 );
														
 
															+		var materials = [
														
 
															+			new THREE.MeshMatcapMaterial( { color: 0xaa24df, matcap: texture } ),
														
 
															+			new THREE.MeshMatcapMaterial( { color: 0x605d90, matcap: texture } ),
														
 
															+			new THREE.MeshMatcapMaterial( { color: 0xe04a3f, matcap: texture } ),
														
 
															+			new THREE.MeshMatcapMaterial( { color: 0xe30456, matcap: texture } )
														
 
															+		];
														
 
															+
														
 
															+		for ( var i = 0; i < 100; i ++ ) {
														
 
															+
														
 
															+			var material = materials[ i % materials.length ];
														
 
															+			var mesh = new THREE.Mesh( geometry, material );
														
 
															+			mesh.position.x = random() * 200 - 100;
														
 
															+			mesh.position.y = random() * 200 - 100;
														
 
															+			mesh.position.z = random() * 200 - 100;
														
 
															+			mesh.scale.setScalar( random() + 1 );
														
 
															+			group.add( mesh );
														
 
															+
														
 
															+		}
														
 
															+
														
 
															+		renderer = new THREE.WebGLRenderer( { antialias: true, canvas: canvas } );
														
 
															+		renderer.setPixelRatio( pixelRatio );
														
 
															+		renderer.setSize( width, height, false );
														
 
															+
														
 
															+		animate();
														
 
															+
														
 
															+	} );
														
 
															+
														
 
															+}
														
 
															+
														
 
															+function animate() {
														
 
															+
														
 
															+	// group.rotation.x = Date.now() / 4000;
														
 
															+	group.rotation.y = - Date.now() / 4000;
														
 
															+
														
 
															+	renderer.render( scene, camera );
														
 
															+
														
 
															+	if ( self.requestAnimationFrame ) {
														
 
															+
														
 
															+		self.requestAnimationFrame( animate );
														
 
															+
														
 
															+	} else {
														
 
															+
														
 
															+		// Firefox
														
 
															+
														
 
															+	}
														
 
															+
														
 
															+}
														
 
															+
														
 
															+// PRNG
														
 
															+
														
 
															+var seed = 1;
														
 
															+function random() {
														
 
															+	var x = Math.sin(seed++) * 10000;
														
 
															+	return x - Math.floor(x);
														
 
															+}
														
--- a/examples/js/pmrem/PMREMCubeUVPacker.js
+++ b/examples/js/pmrem/PMREMCubeUVPacker.js
@@ -13,123 +13,161 @@
 
															  * The arrangement of the faces is fixed, as assuming this arrangement, the sampling function has been written.
														
 
															  */
														
 
															-THREE.PMREMCubeUVPacker = function ( cubeTextureLods ) {
														
 
															-
														
 
															-	this.cubeLods = cubeTextureLods;
														
 
															-	var size = cubeTextureLods[ 0 ].width * 4;
														
 
															-
														
 
															-	var sourceTexture = cubeTextureLods[ 0 ].texture;
														
 
															-	var params = {
														
 
															-		format: sourceTexture.format,
														
 
															-		magFilter: sourceTexture.magFilter,
														
 
															-		minFilter: sourceTexture.minFilter,
														
 
															-		type: sourceTexture.type,
														
 
															-		generateMipmaps: sourceTexture.generateMipmaps,
														
 
															-		anisotropy: sourceTexture.anisotropy,
														
 
															-		encoding: ( sourceTexture.encoding === THREE.RGBEEncoding ) ? THREE.RGBM16Encoding : sourceTexture.encoding
														
 
															-	};
														
 
															+THREE.PMREMCubeUVPacker = ( function () {
														
 
															-	if ( params.encoding === THREE.RGBM16Encoding ) {
														
 
															+	var camera = new THREE.OrthographicCamera();
														
 
															+	var scene = new THREE.Scene();
														
 
															+	var shader = getShader();
														
 
															-		params.magFilter = THREE.LinearFilter;
														
 
															-		params.minFilter = THREE.LinearFilter;
														
 
															+	var PMREMCubeUVPacker = function ( cubeTextureLods ) {
														
 
															-	}
														
 
															+		this.cubeLods = cubeTextureLods;
														
 
															+		var size = cubeTextureLods[ 0 ].width * 4;
														
 
															-	this.CubeUVRenderTarget = new THREE.WebGLRenderTarget( size, size, params );
														
 
															-	this.CubeUVRenderTarget.texture.name = "PMREMCubeUVPacker.cubeUv";
														
 
															-	this.CubeUVRenderTarget.texture.mapping = THREE.CubeUVReflectionMapping;
														
 
															-	this.camera = new THREE.OrthographicCamera( - size * 0.5, size * 0.5, - size * 0.5, size * 0.5, 0, 1 ); // top and bottom are swapped for some reason?
														
 
															+		var sourceTexture = cubeTextureLods[ 0 ].texture;
														
 
															+		var params = {
														
 
															+			format: sourceTexture.format,
														
 
															+			magFilter: sourceTexture.magFilter,
														
 
															+			minFilter: sourceTexture.minFilter,
														
 
															+			type: sourceTexture.type,
														
 
															+			generateMipmaps: sourceTexture.generateMipmaps,
														
 
															+			anisotropy: sourceTexture.anisotropy,
														
 
															+			encoding: ( sourceTexture.encoding === THREE.RGBEEncoding ) ? THREE.RGBM16Encoding : sourceTexture.encoding
														
 
															+		};
														
 
															-	this.scene = new THREE.Scene();
														
 
															+		if ( params.encoding === THREE.RGBM16Encoding ) {
														
 
															-	this.objects = [];
														
 
															+			params.magFilter = THREE.LinearFilter;
														
 
															+			params.minFilter = THREE.LinearFilter;
														
 
															-	var geometry = new THREE.PlaneBufferGeometry( 1, 1 );
														
 
															+		}
														
 
															-	var faceOffsets = [];
														
 
															-	faceOffsets.push( new THREE.Vector2( 0, 0 ) );
														
 
															-	faceOffsets.push( new THREE.Vector2( 1, 0 ) );
														
 
															-	faceOffsets.push( new THREE.Vector2( 2, 0 ) );
														
 
															-	faceOffsets.push( new THREE.Vector2( 0, 1 ) );
														
 
															-	faceOffsets.push( new THREE.Vector2( 1, 1 ) );
														
 
															-	faceOffsets.push( new THREE.Vector2( 2, 1 ) );
														
 
															+		this.CubeUVRenderTarget = new THREE.WebGLRenderTarget( size, size, params );
														
 
															+		this.CubeUVRenderTarget.texture.name = "PMREMCubeUVPacker.cubeUv";
														
 
															+		this.CubeUVRenderTarget.texture.mapping = THREE.CubeUVReflectionMapping;
														
 
															+
														
 
															+		this.objects = [];
														
 
															+
														
 
															+		var geometry = new THREE.PlaneBufferGeometry( 1, 1 );
														
 
															+
														
 
															+		var faceOffsets = [];
														
 
															+		faceOffsets.push( new THREE.Vector2( 0, 0 ) );
														
 
															+		faceOffsets.push( new THREE.Vector2( 1, 0 ) );
														
 
															+		faceOffsets.push( new THREE.Vector2( 2, 0 ) );
														
 
															+		faceOffsets.push( new THREE.Vector2( 0, 1 ) );
														
 
															+		faceOffsets.push( new THREE.Vector2( 1, 1 ) );
														
 
															+		faceOffsets.push( new THREE.Vector2( 2, 1 ) );
														
 
															+
														
 
															+		var textureResolution = size;
														
 
															+		size = cubeTextureLods[ 0 ].width;
														
 
															+
														
 
															+		var offset2 = 0;
														
 
															+		var c = 4.0;
														
 
															+		this.numLods = Math.log( cubeTextureLods[ 0 ].width ) / Math.log( 2 ) - 2; // IE11 doesn't support Math.log2
														
 
															+		for ( var i = 0; i < this.numLods; i ++ ) {
														
 
															+
														
 
															+			var offset1 = ( textureResolution - textureResolution / c ) * 0.5;
														
 
															+			if ( size > 16 ) c *= 2;
														
 
															+			var nMips = size > 16 ? 6 : 1;
														
 
															+			var mipOffsetX = 0;
														
 
															+			var mipOffsetY = 0;
														
 
															+			var mipSize = size;
														
 
															+
														
 
															+			for ( var j = 0; j < nMips; j ++ ) {
														
 
															+
														
 
															+				// Mip Maps
														
 
															+				for ( var k = 0; k < 6; k ++ ) {
														
 
															+
														
 
															+					// 6 Cube Faces
														
 
															+					var material = shader.clone();
														
 
															+					material.uniforms[ 'envMap' ].value = this.cubeLods[ i ].texture;
														
 
															+					material.envMap = this.cubeLods[ i ].texture;
														
 
															+					material.uniforms[ 'faceIndex' ].value = k;
														
 
															+					material.uniforms[ 'mapSize' ].value = mipSize;
														
 
															+
														
 
															+					var planeMesh = new THREE.Mesh( geometry, material );
														
 
															+					planeMesh.position.x = faceOffsets[ k ].x * mipSize - offset1 + mipOffsetX;
														
 
															+					planeMesh.position.y = faceOffsets[ k ].y * mipSize - offset1 + offset2 + mipOffsetY;
														
 
															+					planeMesh.material.side = THREE.BackSide;
														
 
															+					planeMesh.scale.setScalar( mipSize );
														
 
															+					this.objects.push( planeMesh );
														
 
															+
														
 
															+				}
														
 
															+				mipOffsetY += 1.75 * mipSize;
														
 
															+				mipOffsetX += 1.25 * mipSize;
														
 
															+				mipSize /= 2;
														
 
															-	var textureResolution = size;
														
 
															-	size = cubeTextureLods[ 0 ].width;
														
 
															+			}
														
 
															+			offset2 += 2 * size;
														
 
															+			if ( size > 16 ) size /= 2;
														
 
															-	var offset2 = 0;
														
 
															-	var c = 4.0;
														
 
															-	this.numLods = Math.log( cubeTextureLods[ 0 ].width ) / Math.log( 2 ) - 2; // IE11 doesn't support Math.log2
														
 
															-	for ( var i = 0; i < this.numLods; i ++ ) {
														
 
															+		}
														
 
															+
														
 
															+	};
														
 
															-		var offset1 = ( textureResolution - textureResolution / c ) * 0.5;
														
 
															-		if ( size > 16 ) c *= 2;
														
 
															-		var nMips = size > 16 ? 6 : 1;
														
 
															-		var mipOffsetX = 0;
														
 
															-		var mipOffsetY = 0;
														
 
															-		var mipSize = size;
														
 
															+	PMREMCubeUVPacker.prototype = {
														
 
															-		for ( var j = 0; j < nMips; j ++ ) {
														
 
															+		constructor: PMREMCubeUVPacker,
														
 
															-			// Mip Maps
														
 
															-			for ( var k = 0; k < 6; k ++ ) {
														
 
															+		update: function ( renderer ) {
														
 
															-				// 6 Cube Faces
														
 
															-				var material = this.getShader();
														
 
															-				material.uniforms[ 'envMap' ].value = this.cubeLods[ i ].texture;
														
 
															-				material.envMap = this.cubeLods[ i ].texture;
														
 
															-				material.uniforms[ 'faceIndex' ].value = k;
														
 
															-				material.uniforms[ 'mapSize' ].value = mipSize;
														
 
															+			var size = this.cubeLods[ 0 ].width * 4;
														
 
															+			// top and bottom are swapped for some reason?
														
 
															+			camera.left = - size * 0.5;
														
 
															+			camera.right = size * 0.5;
														
 
															+			camera.top = - size * 0.5;
														
 
															+			camera.bottom = size * 0.5;
														
 
															+			camera.near = 0;
														
 
															+			camera.far = 1;
														
 
															+			camera.updateProjectionMatrix();
														
 
															-				var planeMesh = new THREE.Mesh( geometry, material );
														
 
															-				planeMesh.position.x = faceOffsets[ k ].x * mipSize - offset1 + mipOffsetX;
														
 
															-				planeMesh.position.y = faceOffsets[ k ].y * mipSize - offset1 + offset2 + mipOffsetY;
														
 
															-				planeMesh.material.side = THREE.BackSide;
														
 
															-				planeMesh.scale.setScalar( mipSize );
														
 
															-				this.scene.add( planeMesh );
														
 
															-				this.objects.push( planeMesh );
														
 
															+			for ( var i = 0; i < this.objects.length; i ++ ) {
														
 
															+
														
 
															+				scene.add( this.objects[ i ] );
														
 
															 			}
														
 
															-			mipOffsetY += 1.75 * mipSize;
														
 
															-			mipOffsetX += 1.25 * mipSize;
														
 
															-			mipSize /= 2;
														
 
															-		}
														
 
															-		offset2 += 2 * size;
														
 
															-		if ( size > 16 ) size /= 2;
														
 
															+			var gammaInput = renderer.gammaInput;
														
 
															+			var gammaOutput = renderer.gammaOutput;
														
 
															+			var toneMapping = renderer.toneMapping;
														
 
															+			var toneMappingExposure = renderer.toneMappingExposure;
														
 
															+			var currentRenderTarget = renderer.getRenderTarget();
														
 
															-	}
														
 
															+			renderer.gammaInput = false;
														
 
															+			renderer.gammaOutput = false;
														
 
															+			renderer.toneMapping = THREE.LinearToneMapping;
														
 
															+			renderer.toneMappingExposure = 1.0;
														
 
															+			renderer.render( scene, camera, this.CubeUVRenderTarget, false );
														
 
															-};
														
 
															+			renderer.setRenderTarget( currentRenderTarget );
														
 
															+			renderer.toneMapping = toneMapping;
														
 
															+			renderer.toneMappingExposure = toneMappingExposure;
														
 
															+			renderer.gammaInput = gammaInput;
														
 
															+			renderer.gammaOutput = gammaOutput;
														
 
															-THREE.PMREMCubeUVPacker.prototype = {
														
 
															+			for ( var i = 0; i < this.objects.length; i ++ ) {
														
 
															-	constructor: THREE.PMREMCubeUVPacker,
														
 
															+				scene.remove( this.objects[ i ] );
														
 
															-	update: function ( renderer ) {
														
 
															+			}
														
 
															+
														
 
															+		},
														
 
															-		var gammaInput = renderer.gammaInput;
														
 
															-		var gammaOutput = renderer.gammaOutput;
														
 
															-		var toneMapping = renderer.toneMapping;
														
 
															-		var toneMappingExposure = renderer.toneMappingExposure;
														
 
															-		var currentRenderTarget = renderer.getRenderTarget();
														
 
															+		dispose: function () {
														
 
															-		renderer.gammaInput = false;
														
 
															-		renderer.gammaOutput = false;
														
 
															-		renderer.toneMapping = THREE.LinearToneMapping;
														
 
															-		renderer.toneMappingExposure = 1.0;
														
 
															-		renderer.render( this.scene, this.camera, this.CubeUVRenderTarget, false );
														
 
															+			for ( var i = 0, l = this.objects.length; i < l; i ++ ) {
														
 
															-		renderer.setRenderTarget( currentRenderTarget );
														
 
															-		renderer.toneMapping = toneMapping;
														
 
															-		renderer.toneMappingExposure = toneMappingExposure;
														
 
															-		renderer.gammaInput = gammaInput;
														
 
															-		renderer.gammaOutput = gammaOutput;
														
 
															+				this.objects[ i ].material.dispose();
														
 
															-	},
														
 
															+			}
														
 
															-	getShader: function () {
														
 
															+			this.objects[ 0 ].geometry.dispose();
														
 
															+
														
 
															+		}
														
 
															+
														
 
															+	};
														
 
															+
														
 
															+	function getShader() {
														
 
															 		var shaderMaterial = new THREE.ShaderMaterial( {
														
@@ -141,42 +179,42 @@ THREE.PMREMCubeUVPacker.prototype = {
 
															 			},
														
 
															 			vertexShader:
														
 
															-				"precision highp float;\
														
 
															-				varying vec2 vUv;\
														
 
															-				void main() {\
														
 
															-					vUv = uv;\
														
 
															-					gl_Position = projectionMatrix * modelViewMatrix * vec4( position, 1.0 );\
														
 
															-				}",
														
 
															+        "precision highp float;\
														
 
															+        varying vec2 vUv;\
														
 
															+        void main() {\
														
 
															+          vUv = uv;\
														
 
															+          gl_Position = projectionMatrix * modelViewMatrix * vec4( position, 1.0 );\
														
 
															+        }",
														
 
															 			fragmentShader:
														
 
															-				"precision highp float;\
														
 
															-				varying vec2 vUv;\
														
 
															-				uniform samplerCube envMap;\
														
 
															-				uniform float mapSize;\
														
 
															-				uniform vec3 testColor;\
														
 
															-				uniform int faceIndex;\
														
 
															-				\
														
 
															-				void main() {\
														
 
															-					vec3 sampleDirection;\
														
 
															-					vec2 uv = vUv;\
														
 
															-					uv = uv * 2.0 - 1.0;\
														
 
															-					uv.y *= -1.0;\
														
 
															-					if(faceIndex == 0) {\
														
 
															-						sampleDirection = normalize(vec3(1.0, uv.y, -uv.x));\
														
 
															-					} else if(faceIndex == 1) {\
														
 
															-						sampleDirection = normalize(vec3(uv.x, 1.0, uv.y));\
														
 
															-					} else if(faceIndex == 2) {\
														
 
															-						sampleDirection = normalize(vec3(uv.x, uv.y, 1.0));\
														
 
															-					} else if(faceIndex == 3) {\
														
 
															-						sampleDirection = normalize(vec3(-1.0, uv.y, uv.x));\
														
 
															-					} else if(faceIndex == 4) {\
														
 
															-						sampleDirection = normalize(vec3(uv.x, -1.0, -uv.y));\
														
 
															-					} else {\
														
 
															-						sampleDirection = normalize(vec3(-uv.x, uv.y, -1.0));\
														
 
															-					}\
														
 
															-					vec4 color = envMapTexelToLinear( textureCube( envMap, sampleDirection ) );\
														
 
															-					gl_FragColor = linearToOutputTexel( color );\
														
 
															-				}",
														
 
															+        "precision highp float;\
														
 
															+        varying vec2 vUv;\
														
 
															+        uniform samplerCube envMap;\
														
 
															+        uniform float mapSize;\
														
 
															+        uniform vec3 testColor;\
														
 
															+        uniform int faceIndex;\
														
 
															+        \
														
 
															+        void main() {\
														
 
															+          vec3 sampleDirection;\
														
 
															+          vec2 uv = vUv;\
														
 
															+          uv = uv * 2.0 - 1.0;\
														
 
															+          uv.y *= -1.0;\
														
 
															+          if(faceIndex == 0) {\
														
 
															+            sampleDirection = normalize(vec3(1.0, uv.y, -uv.x));\
														
 
															+          } else if(faceIndex == 1) {\
														
 
															+            sampleDirection = normalize(vec3(uv.x, 1.0, uv.y));\
														
 
															+          } else if(faceIndex == 2) {\
														
 
															+            sampleDirection = normalize(vec3(uv.x, uv.y, 1.0));\
														
 
															+          } else if(faceIndex == 3) {\
														
 
															+            sampleDirection = normalize(vec3(-1.0, uv.y, uv.x));\
														
 
															+          } else if(faceIndex == 4) {\
														
 
															+            sampleDirection = normalize(vec3(uv.x, -1.0, -uv.y));\
														
 
															+          } else {\
														
 
															+            sampleDirection = normalize(vec3(-uv.x, uv.y, -1.0));\
														
 
															+          }\
														
 
															+          vec4 color = envMapTexelToLinear( textureCube( envMap, sampleDirection ) );\
														
 
															+          gl_FragColor = linearToOutputTexel( color );\
														
 
															+        }",
														
 
															 			blending: THREE.NoBlending
														
@@ -186,18 +224,9 @@ THREE.PMREMCubeUVPacker.prototype = {
 
															 		return shaderMaterial;
														
 
															-	},
														
 
															-
														
 
															-	dispose: function () {
														
 
															-
														
 
															-		for ( var i = 0, l = this.objects.length; i < l; i ++ ) {
														
 
															-
														
 
															-			this.objects[ i ].material.dispose();
														
 
															-
														
 
															-		}
														
 
															+	}
														
 
															-		this.objects[ 0 ].geometry.dispose();
														
 
															-	}
														
 
															+	return PMREMCubeUVPacker;
														
 
															-};
														
 
															+} )();
														
--- a/examples/js/pmrem/PMREMGenerator.js
+++ b/examples/js/pmrem/PMREMGenerator.js
@@ -11,132 +11,149 @@
 
															  *	by this class.
														
 
															  */
														
 
															-THREE.PMREMGenerator = function ( sourceTexture, samplesPerLevel, resolution ) {
														
 
															+THREE.PMREMGenerator = ( function () {
														
 
															-	this.sourceTexture = sourceTexture;
														
 
															-	this.resolution = ( resolution !== undefined ) ? resolution : 256; // NODE: 256 is currently hard coded in the glsl code for performance reasons
														
 
															-	this.samplesPerLevel = ( samplesPerLevel !== undefined ) ? samplesPerLevel : 16;
														
 
															+	var shader = getShader();
														
 
															+	var camera = new THREE.OrthographicCamera( - 1, 1, 1, - 1, 0.0, 1000 );
														
 
															+	var scene = new THREE.Scene();
														
 
															+	var planeMesh = new THREE.Mesh( new THREE.PlaneBufferGeometry( 2, 2, 0 ), shader );
														
 
															+	planeMesh.material.side = THREE.DoubleSide;
														
 
															+	scene.add( planeMesh );
														
 
															+	scene.add( camera );
														
 
															-	var monotonicEncoding = ( sourceTexture.encoding === THREE.LinearEncoding ) ||
														
 
															-		( sourceTexture.encoding === THREE.GammaEncoding ) || ( sourceTexture.encoding === THREE.sRGBEncoding );
														
 
															+	var PMREMGenerator = function ( sourceTexture, samplesPerLevel, resolution ) {
														
 
															-	this.sourceTexture.minFilter = ( monotonicEncoding ) ? THREE.LinearFilter : THREE.NearestFilter;
														
 
															-	this.sourceTexture.magFilter = ( monotonicEncoding ) ? THREE.LinearFilter : THREE.NearestFilter;
														
 
															-	this.sourceTexture.generateMipmaps = this.sourceTexture.generateMipmaps && monotonicEncoding;
														
 
															+		this.sourceTexture = sourceTexture;
														
 
															+		this.resolution = ( resolution !== undefined ) ? resolution : 256; // NODE: 256 is currently hard coded in the glsl code for performance reasons
														
 
															+		this.samplesPerLevel = ( samplesPerLevel !== undefined ) ? samplesPerLevel : 32;
														
 
															-	this.cubeLods = [];
														
 
															+		var monotonicEncoding = ( this.sourceTexture.encoding === THREE.LinearEncoding ) ||
														
 
															+			( this.sourceTexture.encoding === THREE.GammaEncoding ) || ( this.sourceTexture.encoding === THREE.sRGBEncoding );
														
 
															-	var size = this.resolution;
														
 
															-	var params = {
														
 
															-		format: this.sourceTexture.format,
														
 
															-		magFilter: this.sourceTexture.magFilter,
														
 
															-		minFilter: this.sourceTexture.minFilter,
														
 
															-		type: this.sourceTexture.type,
														
 
															-		generateMipmaps: this.sourceTexture.generateMipmaps,
														
 
															-		anisotropy: this.sourceTexture.anisotropy,
														
 
															-		encoding: this.sourceTexture.encoding
														
 
															-	 };
														
 
															+		this.sourceTexture.minFilter = ( monotonicEncoding ) ? THREE.LinearFilter : THREE.NearestFilter;
														
 
															+		this.sourceTexture.magFilter = ( monotonicEncoding ) ? THREE.LinearFilter : THREE.NearestFilter;
														
 
															+		this.sourceTexture.generateMipmaps = this.sourceTexture.generateMipmaps && monotonicEncoding;
														
 
															-	// how many LODs fit in the given CubeUV Texture.
														
 
															-	this.numLods = Math.log( size ) / Math.log( 2 ) - 2; // IE11 doesn't support Math.log2
														
 
															+		this.cubeLods = [];
														
 
															-	for ( var i = 0; i < this.numLods; i ++ ) {
														
 
															+		var size = this.resolution;
														
 
															+		var params = {
														
 
															+			format: this.sourceTexture.format,
														
 
															+			magFilter: this.sourceTexture.magFilter,
														
 
															+			minFilter: this.sourceTexture.minFilter,
														
 
															+			type: this.sourceTexture.type,
														
 
															+			generateMipmaps: this.sourceTexture.generateMipmaps,
														
 
															+			anisotropy: this.sourceTexture.anisotropy,
														
 
															+			encoding: this.sourceTexture.encoding
														
 
															+		};
														
 
															-		var renderTarget = new THREE.WebGLRenderTargetCube( size, size, params );
														
 
															-		renderTarget.texture.name = "PMREMGenerator.cube" + i;
														
 
															-		this.cubeLods.push( renderTarget );
														
 
															-		size = Math.max( 16, size / 2 );
														
 
															+		// how many LODs fit in the given CubeUV Texture.
														
 
															+		this.numLods = Math.log( size ) / Math.log( 2 ) - 2; // IE11 doesn't support Math.log2
														
 
															-	}
														
 
															+		for ( var i = 0; i < this.numLods; i ++ ) {
														
 
															-	this.camera = new THREE.OrthographicCamera( - 1, 1, 1, - 1, 0.0, 1000 );
														
 
															-
														
 
															-	this.shader = this.getShader();
														
 
															-	this.shader.defines[ 'SAMPLES_PER_LEVEL' ] = this.samplesPerLevel;
														
 
															-	this.planeMesh = new THREE.Mesh( new THREE.PlaneBufferGeometry( 2, 2, 0 ), this.shader );
														
 
															-	this.planeMesh.material.side = THREE.DoubleSide;
														
 
															-	this.scene = new THREE.Scene();
														
 
															-	this.scene.add( this.planeMesh );
														
 
															-	this.scene.add( this.camera );
														
 
															-
														
 
															-	this.shader.uniforms[ 'envMap' ].value = this.sourceTexture;
														
 
															-	this.shader.envMap = this.sourceTexture;
														
 
															-
														
 
															-};
														
 
															-
														
 
															-THREE.PMREMGenerator.prototype = {
														
 
															-
														
 
															-	constructor: THREE.PMREMGenerator,
														
 
															-
														
 
															-	/*
														
 
															-	 * Prashant Sharma / spidersharma03: More thought and work is needed here.
														
 
															-	 * Right now it's a kind of a hack to use the previously convolved map to convolve the current one.
														
 
															-	 * I tried to use the original map to convolve all the lods, but for many textures(specially the high frequency)
														
 
															-	 * even a high number of samples(1024) dosen't lead to satisfactory results.
														
 
															-	 * By using the previous convolved maps, a lower number of samples are generally sufficient(right now 32, which
														
 
															-	 * gives okay results unless we see the reflection very carefully, or zoom in too much), however the math
														
 
															-	 * goes wrong as the distribution function tries to sample a larger area than what it should be. So I simply scaled
														
 
															-	 * the roughness by 0.9(totally empirical) to try to visually match the original result.
														
 
															-	 * The condition "if(i <5)" is also an attemt to make the result match the original result.
														
 
															-	 * This method requires the most amount of thinking I guess. Here is a paper which we could try to implement in future::
														
 
															-	 * http://http.developer.nvidia.com/GPUGems3/gpugems3_ch20.html
														
 
															-	 */
														
 
															-	update: function ( renderer ) {
														
 
															-
														
 
															-		this.shader.uniforms[ 'envMap' ].value = this.sourceTexture;
														
 
															-		this.shader.envMap = this.sourceTexture;
														
 
															-
														
 
															-		var gammaInput = renderer.gammaInput;
														
 
															-		var gammaOutput = renderer.gammaOutput;
														
 
															-		var toneMapping = renderer.toneMapping;
														
 
															-		var toneMappingExposure = renderer.toneMappingExposure;
														
 
															-		var currentRenderTarget = renderer.getRenderTarget();
														
 
															-
														
 
															-		renderer.toneMapping = THREE.LinearToneMapping;
														
 
															-		renderer.toneMappingExposure = 1.0;
														
 
															-		renderer.gammaInput = false;
														
 
															-		renderer.gammaOutput = false;
														
 
															+			var renderTarget = new THREE.WebGLRenderTargetCube( size, size, params );
														
 
															+			renderTarget.texture.name = "PMREMGenerator.cube" + i;
														
 
															+			this.cubeLods.push( renderTarget );
														
 
															+			size = Math.max( 16, size / 2 );
														
 
															-		for ( var i = 0; i < this.numLods; i ++ ) {
														
 
															+		}
														
 
															-			var r = i / ( this.numLods - 1 );
														
 
															-			this.shader.uniforms[ 'roughness' ].value = r * 0.9; // see comment above, pragmatic choice
														
 
															-			this.shader.uniforms[ 'queryScale' ].value.x = ( i == 0 ) ? - 1 : 1;
														
 
															-			var size = this.cubeLods[ i ].width;
														
 
															-			this.shader.uniforms[ 'mapSize' ].value = size;
														
 
															-			this.renderToCubeMapTarget( renderer, this.cubeLods[ i ] );
														
 
															+	};
														
 
															-			if ( i < 5 ) this.shader.uniforms[ 'envMap' ].value = this.cubeLods[ i ].texture;
														
 
															+	PMREMGenerator.prototype = {
														
 
															-		}
														
 
															+		constructor: PMREMGenerator,
														
 
															-		renderer.setRenderTarget( currentRenderTarget );
														
 
															-		renderer.toneMapping = toneMapping;
														
 
															-		renderer.toneMappingExposure = toneMappingExposure;
														
 
															-		renderer.gammaInput = gammaInput;
														
 
															-		renderer.gammaOutput = gammaOutput;
														
 
															+		/*
														
 
															+		 * Prashant Sharma / spidersharma03: More thought and work is needed here.
														
 
															+		 * Right now it's a kind of a hack to use the previously convolved map to convolve the current one.
														
 
															+		 * I tried to use the original map to convolve all the lods, but for many textures(specially the high frequency)
														
 
															+		 * even a high number of samples(1024) dosen't lead to satisfactory results.
														
 
															+		 * By using the previous convolved maps, a lower number of samples are generally sufficient(right now 32, which
														
 
															+		 * gives okay results unless we see the reflection very carefully, or zoom in too much), however the math
														
 
															+		 * goes wrong as the distribution function tries to sample a larger area than what it should be. So I simply scaled
														
 
															+		 * the roughness by 0.9(totally empirical) to try to visually match the original result.
														
 
															+		 * The condition "if(i <5)" is also an attemt to make the result match the original result.
														
 
															+		 * This method requires the most amount of thinking I guess. Here is a paper which we could try to implement in future::
														
 
															+		 * https://developer.nvidia.com/gpugems/GPUGems3/gpugems3_ch20.html
														
 
															+		 */
														
 
															+		update: function ( renderer ) {
														
 
															-	},
														
 
															+			// Texture should only be flipped for CubeTexture, not for
														
 
															+			// a Texture created via THREE.WebGLRenderTargetCube.
														
 
															+			var tFlip = ( this.sourceTexture.isCubeTexture ) ? - 1 : 1;
														
 
															-	renderToCubeMapTarget: function ( renderer, renderTarget ) {
														
 
															+			shader.defines[ 'SAMPLES_PER_LEVEL' ] = this.samplesPerLevel;
														
 
															+			shader.uniforms[ 'faceIndex' ].value = 0;
														
 
															+			shader.uniforms[ 'envMap' ].value = this.sourceTexture;
														
 
															+			shader.envMap = this.sourceTexture;
														
 
															+			shader.needsUpdate = true;
														
 
															-		for ( var i = 0; i < 6; i ++ ) {
														
 
															+			var gammaInput = renderer.gammaInput;
														
 
															+			var gammaOutput = renderer.gammaOutput;
														
 
															+			var toneMapping = renderer.toneMapping;
														
 
															+			var toneMappingExposure = renderer.toneMappingExposure;
														
 
															+			var currentRenderTarget = renderer.getRenderTarget();
														
 
															-			this.renderToCubeMapTargetFace( renderer, renderTarget, i );
														
 
															+			renderer.toneMapping = THREE.LinearToneMapping;
														
 
															+			renderer.toneMappingExposure = 1.0;
														
 
															+			renderer.gammaInput = false;
														
 
															+			renderer.gammaOutput = false;
														
 
															-		}
														
 
															+			for ( var i = 0; i < this.numLods; i ++ ) {
														
 
															+
														
 
															+				var r = i / ( this.numLods - 1 );
														
 
															+				shader.uniforms[ 'roughness' ].value = r * 0.9; // see comment above, pragmatic choice
														
 
															+				// Only apply the tFlip for the first LOD
														
 
															+				shader.uniforms[ 'tFlip' ].value = ( i == 0 ) ? tFlip : 1;
														
 
															+				var size = this.cubeLods[ i ].width;
														
 
															+				shader.uniforms[ 'mapSize' ].value = size;
														
 
															+				this.renderToCubeMapTarget( renderer, this.cubeLods[ i ] );
														
 
															+
														
 
															+				if ( i < 5 ) shader.uniforms[ 'envMap' ].value = this.cubeLods[ i ].texture;
														
 
															+
														
 
															+			}
														
 
															+
														
 
															+			renderer.setRenderTarget( currentRenderTarget );
														
 
															+			renderer.toneMapping = toneMapping;
														
 
															+			renderer.toneMappingExposure = toneMappingExposure;
														
 
															+			renderer.gammaInput = gammaInput;
														
 
															+			renderer.gammaOutput = gammaOutput;
														
 
															+
														
 
															+		},
														
 
															+
														
 
															+		renderToCubeMapTarget: function ( renderer, renderTarget ) {
														
 
															+
														
 
															+			for ( var i = 0; i < 6; i ++ ) {
														
 
															+
														
 
															+				this.renderToCubeMapTargetFace( renderer, renderTarget, i );
														
 
															+
														
 
															+			}
														
 
															-	},
														
 
															+		},
														
 
															-	renderToCubeMapTargetFace: function ( renderer, renderTarget, faceIndex ) {
														
 
															+		renderToCubeMapTargetFace: function ( renderer, renderTarget, faceIndex ) {
														
 
															-		renderTarget.activeCubeFace = faceIndex;
														
 
															-		this.shader.uniforms[ 'faceIndex' ].value = faceIndex;
														
 
															-		renderer.render( this.scene, this.camera, renderTarget, true );
														
 
															+			renderTarget.activeCubeFace = faceIndex;
														
 
															+			shader.uniforms[ 'faceIndex' ].value = faceIndex;
														
 
															+			renderer.render( scene, camera, renderTarget, true );
														
 
															-	},
														
 
															+		},
														
 
															-	getShader: function () {
														
 
															+		dispose: function () {
														
 
															+
														
 
															+			for ( var i = 0, l = this.cubeLods.length; i < l; i ++ ) {
														
 
															+
														
 
															+				this.cubeLods[ i ].dispose();
														
 
															+
														
 
															+			}
														
 
															+
														
 
															+		},
														
 
															+
														
 
															+	};
														
 
															+
														
 
															+	function getShader() {
														
 
															 		var shaderMaterial = new THREE.ShaderMaterial( {
														
@@ -149,8 +166,7 @@ THREE.PMREMGenerator.prototype = {
 
															 				"roughness": { value: 0.5 },
														
 
															 				"mapSize": { value: 0.5 },
														
 
															 				"envMap": { value: null },
														
 
															-				"queryScale": { value: new THREE.Vector3( 1, 1, 1 ) },
														
 
															-				"testColor": { value: new THREE.Vector3( 1, 1, 1 ) },
														
 
															+				"tFlip": { value: - 1 },
														
 
															 			},
														
 
															 			vertexShader:
														
@@ -167,8 +183,7 @@ THREE.PMREMGenerator.prototype = {
 
															 				uniform float roughness;\n\
														
 
															 				uniform samplerCube envMap;\n\
														
 
															 				uniform float mapSize;\n\
														
 
															-				uniform vec3 testColor;\n\
														
 
															-				uniform vec3 queryScale;\n\
														
 
															+				uniform float tFlip;\n\
														
 
															 				\n\
														
 
															 				float GGXRoughnessToBlinnExponent( const in float ggxRoughness ) {\n\
														
 
															 					float a = ggxRoughness + 0.0001;\n\
														
@@ -239,7 +254,8 @@ THREE.PMREMGenerator.prototype = {
 
															 					} else {\n\
														
 
															 						sampleDirection = vec3(-uv.x, -uv.y, -1.0);\n\
														
 
															 					}\n\
														
 
															-					mat3 vecSpace = matrixFromVector(normalize(sampleDirection * queryScale));\n\
														
 
															+					vec3 correctedDirection = vec3( tFlip * sampleDirection.x, sampleDirection.yz );\n\
														
 
															+					mat3 vecSpace = matrixFromVector( normalize( correctedDirection ) );\n\
														
 
															 					vec3 rgbColor = vec3(0.0);\n\
														
 
															 					const int NumSamples = SAMPLES_PER_LEVEL;\n\
														
 
															 					vec3 vect;\n\
														
@@ -251,7 +267,7 @@ THREE.PMREMGenerator.prototype = {
 
															 						vect = ImportanceSampleGGX(vec2(float(i) / float(NumSamples), r), vecSpace, roughness);\n\
														
 
															 						float dotProd = dot(vect, normalize(sampleDirection));\n\
														
 
															 						weight += dotProd;\n\
														
 
															-						vec3 color = envMapTexelToLinear(textureCube(envMap,vect)).rgb;\n\
														
 
															+						vec3 color = envMapTexelToLinear(textureCube(envMap, vect)).rgb;\n\
														
 
															 						rgbColor.rgb += color;\n\
														
 
															 					}\n\
														
 
															 					rgbColor /= float(NumSamples);\n\
														
@@ -267,19 +283,8 @@ THREE.PMREMGenerator.prototype = {
 
															 		return shaderMaterial;
														
 
															-	},
														
 
															-
														
 
															-	dispose: function () {
														
 
															-
														
 
															-		for ( var i = 0, l = this.cubeLods.length; i < l; i ++ ) {
														
 
															-
														
 
															-			this.cubeLods[ i ].dispose();
														
 
															-
														
 
															-		}
														
 
															-
														
 
															-		this.planeMesh.geometry.dispose();
														
 
															-		this.planeMesh.material.dispose();
														
 
															-
														
 
															 	}
														
 
															-};
														
 
															+	return PMREMGenerator;
														
 
															+
														
 
															+} )();
														
--- a/examples/js/postprocessing/UnrealBloomPass.js
+++ b/examples/js/postprocessing/UnrealBloomPass.js
@@ -30,19 +30,19 @@ THREE.UnrealBloomPass = function ( resolution, strength, radius, threshold ) {
 
															 	for ( var i = 0; i < this.nMips; i ++ ) {
														
 
															-		var renderTarget = new THREE.WebGLRenderTarget( resx, resy, pars );
														
 
															+		var renderTargetHorizonal = new THREE.WebGLRenderTarget( resx, resy, pars );
														
 
															-		renderTarget.texture.name = "UnrealBloomPass.h" + i;
														
 
															-		renderTarget.texture.generateMipmaps = false;
														
 
															+		renderTargetHorizonal.texture.name = "UnrealBloomPass.h" + i;
														
 
															+		renderTargetHorizonal.texture.generateMipmaps = false;
														
 
															-		this.renderTargetsHorizontal.push( renderTarget );
														
 
															+		this.renderTargetsHorizontal.push( renderTargetHorizonal );
														
 
															-		var renderTarget = new THREE.WebGLRenderTarget( resx, resy, pars );
														
 
															+		var renderTargetVertical = new THREE.WebGLRenderTarget( resx, resy, pars );
														
 
															-		renderTarget.texture.name = "UnrealBloomPass.v" + i;
														
 
															-		renderTarget.texture.generateMipmaps = false;
														
 
															+		renderTargetVertical.texture.name = "UnrealBloomPass.v" + i;
														
 
															+		renderTargetVertical.texture.generateMipmaps = false;
														
 
															-		this.renderTargetsVertical.push( renderTarget );
														
 
															+		this.renderTargetsVertical.push( renderTargetVertical );
														
 
															 		resx = Math.round( resx / 2 );
														
--- a/examples/js/workers/OffscreenCanvas.js
+++ b/examples/js/workers/OffscreenCanvas.js
@@ -1,76 +0,0 @@
 
															-self.importScripts( '../../../build/three.js' );
														
 
															-
														
 
															-self.onmessage = function ( message ) {
														
 
															-
														
 
															-	var data = message.data;
														
 
															-	init( data.drawingSurface, data.width, data.height, data.pixelRatio );
														
 
															-
														
 
															-};
														
 
															-
														
 
															-var camera, scene, renderer, mesh, clock;
														
 
															-
														
 
															-function init( offscreen, width, height, pixelRatio ) {
														
 
															-
														
 
															-	camera = new THREE.PerspectiveCamera( 70, width / height, 1, 1000 );
														
 
															-	camera.position.z = 400;
														
 
															-
														
 
															-	scene = new THREE.Scene();
														
 
															-
														
 
															-	clock = new THREE.Clock();
														
 
															-
														
 
															-	// we don't use ImageLoader since it has a DOM dependency (HTML5 image element)
														
 
															-
														
 
															-	var loader = new THREE.ImageBitmapLoader();
														
 
															-
														
 
															-	loader.load( '../../textures/crate.gif', function ( imageBitmap ) {
														
 
															-
														
 
															-		var texture = new THREE.CanvasTexture( imageBitmap );
														
 
															-		var material = new THREE.MeshBasicMaterial( { map: texture } );
														
 
															-		var geometry = new THREE.BoxBufferGeometry( 200, 200, 200 );
														
 
															-		mesh = new THREE.Mesh( geometry, material );
														
 
															-		scene.add( mesh );
														
 
															-
														
 
															-		animate();
														
 
															-
														
 
															-	}, null, function () {
														
 
															-
														
 
															-		// Workaround for Firefox
														
 
															-		// https://bugzilla.mozilla.org/show_bug.cgi?id=1335594
														
 
															-
														
 
															-		var material = new THREE.MeshBasicMaterial( { color: 0x00ff00 } );
														
 
															-		var geometry = new THREE.BoxBufferGeometry( 200, 200, 200 );
														
 
															-		mesh = new THREE.Mesh( geometry, material );
														
 
															-		scene.add( mesh );
														
 
															-
														
 
															-		animate();
														
 
															-
														
 
															-	} );
														
 
															-
														
 
															-	renderer = new THREE.WebGLRenderer( { antialias: true, canvas: offscreen } );
														
 
															-	renderer.setPixelRatio( pixelRatio );
														
 
															-	renderer.setSize( width, height, false );
														
 
															-
														
 
															-}
														
 
															-
														
 
															-function animate() {
														
 
															-
														
 
															-	var delta = clock.getDelta();
														
 
															-
														
 
															-	mesh.rotation.x += delta * 0.2;
														
 
															-	mesh.rotation.y += delta * 0.5;
														
 
															-
														
 
															-	renderer.render( scene, camera );
														
 
															-
														
 
															-	if ( self.requestAnimationFrame ) {
														
 
															-
														
 
															-		self.requestAnimationFrame( animate );
														
 
															-
														
 
															-	} else if ( renderer.context.commit ) {
														
 
															-
														
 
															-		// Deprecated
														
 
															-
														
 
															-		renderer.context.commit().then( animate );
														
 
															-
														
 
															-	}
														
 
															-
														
 
															-}
														
--- a/examples/models/gltf/Soldier.glb
+++ b/examples/models/gltf/Soldier.glb
--- a/examples/models/skinned/marine/M4.png
+++ b/examples/models/skinned/marine/M4.png
--- a/examples/models/skinned/marine/MarineCv2_color.jpg
+++ b/examples/models/skinned/marine/MarineCv2_color.jpg
--- a/examples/models/skinned/marine/m4.blend
+++ b/examples/models/skinned/marine/m4.blend
--- a/examples/models/skinned/marine/m4.js
+++ b/examples/models/skinned/marine/m4.js
--- a/examples/models/skinned/marine/marine_anims.json
+++ b/examples/models/skinned/marine/marine_anims.json
--- a/examples/models/skinned/marine/marine_anims_all.blend
+++ b/examples/models/skinned/marine/marine_anims_all.blend
--- a/examples/models/skinned/marine/marine_anims_all.json
+++ b/examples/models/skinned/marine/marine_anims_all.json
--- a/examples/models/skinned/marine/marine_anims_core.blend
+++ b/examples/models/skinned/marine/marine_anims_core.blend
--- a/examples/models/skinned/marine/marine_anims_core.json
+++ b/examples/models/skinned/marine/marine_anims_core.json
--- a/examples/models/skinned/marine/marine_anims_single.blend
+++ b/examples/models/skinned/marine/marine_anims_single.blend
--- a/examples/models/skinned/marine/marine_anims_single.json
+++ b/examples/models/skinned/marine/marine_anims_single.json
--- a/examples/models/skinned/marine/marine_ik.blend
+++ b/examples/models/skinned/marine/marine_ik.blend
--- a/examples/models/skinned/marine/marine_ik.json
+++ b/examples/models/skinned/marine/marine_ik.json
--- a/examples/webaudio_orientation.html
+++ b/examples/webaudio_orientation.html
@@ -158,6 +158,7 @@
 
															 		camera.add( listener );
														
 
															 		var audioElement = document.getElementById( 'music' );
														
 
															+		audioElement.play();
														
 
															 		var positionalAudio = new THREE.PositionalAudio( listener );
														
 
															 		positionalAudio.setMediaElementSource( audioElement );
														
@@ -184,7 +185,6 @@
 
															 			} );
														
 
															-			audioElement.play();
														
 
															 			boomBox.add( positionalAudio );
														
 
															 			scene.add( boomBox );
														
 
															 			animate();
														
--- a/examples/webgl_animation_skinning_blending.html
+++ b/examples/webgl_animation_skinning_blending.html
@@ -20,7 +20,7 @@
 
															 				padding: 5px;
														
 
															 			}
														
 
															 			a {
														
 
															-				color: #bbb;
														
 
															+				color: #ff0000;
														
 
															 			}
														
 
															 			.ac {  /* prevent dat-gui from being selected */
														
 
															 				-webkit-user-select: none;
														
@@ -40,17 +40,16 @@
 
															 	<body>
														
 
															 		<div id="container"></div>
														
 
															 		<div id="info">
														
 
															-			<a href="http://threejs.org" target="_blank" rel="noopener">three.js</a> - Skeletal Animation Blending
														
 
															-			(model from <a href="http://realitymeltdown.com" target="_blank" rel="noopener">realitymeltdown.com</a>)
														
 
															-			<br><br>camera orbit/zoom/pan with left/middle/right mouse button
														
 
															-			<br>Note: crossfades are possible with blend weights being set to (1,0,0), (0,1,0) or (0,0,1)
														
 
															+			<a href="https://threejs.org" target="_blank" rel="noopener">three.js</a> - Skeletal Animation Blending
														
 
															+			(model from <a href="https://www.mixamo.com/" target="_blank" rel="noopener">mixamo.com</a>)
														
 
															+			<br/><br/>Note: crossfades are possible with blend weights being set to (1,0,0), (0,1,0) or (0,0,1)
														
 
															 		</div>
														
 
															 		<script src="../build/three.js"></script>
														
 
															 		<script src="js/WebGL.js"></script>
														
 
															 		<script src="js/libs/stats.min.js"></script>
														
 
															-		<script src="js/controls/OrbitControls.js"></script>
														
 
															+		<script src="js/loaders/GLTFLoader.js"></script>
														
 
															 		<script src="js/libs/dat.gui.min.js"></script>
														
 
															 		<script>
														
@@ -61,115 +60,113 @@
 
															 			}
														
 
															-			var container = document.getElementById( 'container' );
														
 
															-
														
 
															-			var scene, renderer, camera, controls, stats;
														
 
															-			var mesh, skeleton, mixer;
														
 
															+			var scene, renderer, camera, stats;
														
 
															+			var model, skeleton, mixer, clock;
														
 
															 			var crossFadeControls = [];
														
 
															 			var idleAction, walkAction, runAction;
														
 
															 			var idleWeight, walkWeight, runWeight;
														
 
															-			var actions;
														
 
															-			var settings;
														
 
															-
														
 
															-			var clock = new THREE.Clock();
														
 
															+			var actions, settings;
														
 
															 			var singleStepMode = false;
														
 
															 			var sizeOfNextStep = 0;
														
 
															-			var url = 'models/skinned/marine/marine_anims_core.json';
														
 
															-
														
 
															-
														
 
															-			// Initialize stats (fps display)
														
 
															-
														
 
															-			stats = new Stats();
														
 
															-			container.appendChild( stats.dom );
														
 
															-
														
 
															-
														
 
															-			// Initialize scene, light and renderer
														
 
															+			init();
														
 
															-			scene = new THREE.Scene();
														
 
															-			scene.background = new THREE.Color( 0x333333 );
														
 
															-			scene.add( new THREE.AmbientLight( 0xffffff ) );
														
 
															+			function init() {
														
 
															-			renderer = new THREE.WebGLRenderer( { antialias: true } );
														
 
															-			renderer.setPixelRatio( window.devicePixelRatio );
														
 
															-			renderer.setSize( window.innerWidth, window.innerHeight );
														
 
															+				var container = document.getElementById( 'container' );
														
 
															-			container.appendChild( renderer.domElement );
														
 
															+				camera = new THREE.PerspectiveCamera( 45, window.innerWidth / window.innerHeight, 1, 1000 );
														
 
															+				camera.position.set( 1, 2, - 3 );
														
 
															+				camera.lookAt( 0, 1, 0 );
														
 
															+				clock = new THREE.Clock();
														
 
															-			// Load skinned mesh
														
 
															+				scene = new THREE.Scene();
														
 
															+				scene.background = new THREE.Color( 0xa0a0a0 );
														
 
															+				scene.fog = new THREE.Fog( 0xa0a0a0, 10, 50 );
														
 
															-			new THREE.ObjectLoader().load( url, function ( loadedObject ) {
														
 
															+				var hemiLight = new THREE.HemisphereLight( 0xffffff, 0x444444 );
														
 
															+				hemiLight.position.set( 0, 20, 0 );
														
 
															+				scene.add( hemiLight );
														
 
															-				loadedObject.traverse( function ( child ) {
														
 
															+				var dirLight = new THREE.DirectionalLight( 0xffffff );
														
 
															+				dirLight.position.set( - 3, 10, - 10 );
														
 
															+				dirLight.castShadow = true;
														
 
															+				dirLight.shadow.camera.top = 2;
														
 
															+				dirLight.shadow.camera.bottom = - 2;
														
 
															+				dirLight.shadow.camera.left = - 2;
														
 
															+				dirLight.shadow.camera.right = 2;
														
 
															+				dirLight.shadow.camera.near = 0.1;
														
 
															+				dirLight.shadow.camera.far = 40;
														
 
															+				scene.add( dirLight );
														
 
															-					if ( child instanceof THREE.SkinnedMesh ) {
														
 
															+				// scene.add( new THREE.CameraHelper( light.shadow.camera ) );
														
 
															-						mesh = child;
														
 
															+				// ground
														
 
															-					}
														
 
															-
														
 
															-				} );
														
 
															-
														
 
															-				if ( mesh === undefined ) {
														
 
															-
														
 
															-					alert( 'Unable to find a SkinnedMesh in this place:\n\n' + url + '\n\n' );
														
 
															-					return;
														
 
															+				var mesh = new THREE.Mesh( new THREE.PlaneBufferGeometry( 100, 100 ), new THREE.MeshPhongMaterial( { color: 0x999999, depthWrite: false } ) );
														
 
															+				mesh.rotation.x = - Math.PI / 2;
														
 
															+				mesh.receiveShadow = true;
														
 
															+				scene.add( mesh );
														
 
															-				}
														
 
															+				var loader = new THREE.GLTFLoader();
														
 
															+				loader.load( 'models/gltf/Soldier.glb', function ( gltf ) {
														
 
															+					model = gltf.scene;
														
 
															+					scene.add( model );
														
 
															-				// Add mesh and skeleton helper to scene
														
 
															+					model.traverse( function ( object ) {
														
 
															-				mesh.rotation.y = - 135 * Math.PI / 180;
														
 
															-				scene.add( mesh );
														
 
															+						if ( object.isMesh ) object.castShadow = true;
														
 
															-				skeleton = new THREE.SkeletonHelper( mesh );
														
 
															-				skeleton.visible = false;
														
 
															-				scene.add( skeleton );
														
 
															+					} );
														
 
															+					//
														
 
															-				// Initialize camera and camera controls
														
 
															+					skeleton = new THREE.SkeletonHelper( model );
														
 
															+					skeleton.visible = false;
														
 
															+					scene.add( skeleton );
														
 
															-				var radius = mesh.geometry.boundingSphere.radius;
														
 
															+					//
														
 
															-				var aspect = window.innerWidth / window.innerHeight;
														
 
															-				camera = new THREE.PerspectiveCamera( 45, aspect, 1, 10000 );
														
 
															-				camera.position.set( 0.0, radius, radius * 3.5 );
														
 
															+					createPanel();
														
 
															-				controls = new THREE.OrbitControls( camera, renderer.domElement );
														
 
															-				controls.target.set( 0, radius, 0 );
														
 
															-				controls.update();
														
 
															+					//
														
 
															-				// Create the control panel
														
 
															+					var animations = gltf.animations;
														
 
															-				createPanel();
														
 
															+					mixer = new THREE.AnimationMixer( model );
														
 
															+					idleAction = mixer.clipAction( animations[ 0 ] );
														
 
															+					walkAction = mixer.clipAction( animations[ 3 ] );
														
 
															+					runAction = mixer.clipAction( animations[ 1 ] );
														
 
															-				// Initialize mixer and clip actions
														
 
															+					actions = [ idleAction, walkAction, runAction ];
														
 
															-				mixer = new THREE.AnimationMixer( mesh );
														
 
															+					activateAllActions();
														
 
															-				idleAction = mixer.clipAction( 'idle' );
														
 
															-				walkAction = mixer.clipAction( 'walk' );
														
 
															-				runAction = mixer.clipAction( 'run' );
														
 
															-				actions = [ idleAction, walkAction, runAction ];
														
 
															+					animate();
														
 
															-				activateAllActions();
														
 
															+				} );
														
 
															+				renderer = new THREE.WebGLRenderer( { antialias: true } );
														
 
															+				renderer.setPixelRatio( window.devicePixelRatio );
														
 
															+				renderer.setSize( window.innerWidth, window.innerHeight );
														
 
															+				renderer.gammaOutput = true;
														
 
															+				renderer.gammaFactor = 2.2;
														
 
															+				renderer.shadowMap.enabled = true;
														
 
															+				container.appendChild( renderer.domElement );
														
 
															-				// Listen on window resizing and start the render loop
														
 
															+				stats = new Stats();
														
 
															+				container.appendChild( stats.dom );
														
 
															 				window.addEventListener( 'resize', onWindowResize, false );
														
 
															-				animate();
														
 
															-
														
 
															-
														
 
															-			} );
														
 
															+			}
														
 
															 			function createPanel() {
														
@@ -281,7 +278,7 @@
 
															 			function showModel( visibility ) {
														
 
															-				mesh.visible = visibility;
														
 
															+				model.visible = visibility;
														
 
															 			}
														
@@ -310,7 +307,6 @@
 
															 			}
														
 
															-
														
 
															 			function activateAllActions() {
														
 
															 				setWeight( idleAction, settings[ 'modify idle weight' ] );
														
@@ -325,7 +321,6 @@
 
															 			}
														
 
															-
														
 
															 			function pauseContinue() {
														
 
															 				if ( singleStepMode ) {
														
@@ -349,7 +344,6 @@
 
															 			}
														
 
															-
														
 
															 			function pauseAllActions() {
														
 
															 				actions.forEach( function ( action ) {
														
@@ -360,7 +354,6 @@
 
															 			}
														
 
															-
														
 
															 			function unPauseAllActions() {
														
 
															 				actions.forEach( function ( action ) {
														
@@ -371,7 +364,6 @@
 
															 			}
														
 
															-
														
 
															 			function toSingleStepMode() {
														
 
															 				unPauseAllActions();
														
@@ -381,7 +373,6 @@
 
															 			}
														
 
															-
														
 
															 			function prepareCrossFade( startAction, endAction, defaultDuration ) {
														
 
															 				// Switch default / custom crossfade duration (according to the user's choice)
														
--- a/examples/webgl_loader_gltf.html
+++ b/examples/webgl_loader_gltf.html
@@ -69,31 +69,26 @@
 
															 				controls.target.set( 0, - 0.2, - 0.2 );
														
 
															 				controls.update();
														
 
															-				// envmap
														
 
															-				var path = 'textures/cube/Bridge2/';
														
 
															-				var format = '.jpg';
														
 
															-				var envMap = new THREE.CubeTextureLoader().load( [
														
 
															-					path + 'posx' + format, path + 'negx' + format,
														
 
															-					path + 'posy' + format, path + 'negy' + format,
														
 
															-					path + 'posz' + format, path + 'negz' + format
														
 
															-				] );
														
 
															+				var urls = [ 'posx.jpg', 'negx.jpg', 'posy.jpg', 'negy.jpg', 'posz.jpg', 'negz.jpg' ];
														
 
															+				var loader = new THREE.CubeTextureLoader().setPath( 'textures/cube/Bridge2/' );
														
 
															+				var background = loader.load( urls );
														
 
															 				scene = new THREE.Scene();
														
 
															-				scene.background = envMap;
														
 
															+				scene.background = background;
														
 
															 				light = new THREE.HemisphereLight( 0xbbbbff, 0x444422 );
														
 
															 				light.position.set( 0, 1, 0 );
														
 
															 				scene.add( light );
														
 
															 				// model
														
 
															-				var loader = new THREE.GLTFLoader();
														
 
															-				loader.load( 'models/gltf/DamagedHelmet/glTF/DamagedHelmet.gltf', function ( gltf ) {
														
 
															+				var loader = new THREE.GLTFLoader().setPath( 'models/gltf/DamagedHelmet/glTF/' );
														
 
															+				loader.load( 'DamagedHelmet.gltf', function ( gltf ) {
														
 
															 					gltf.scene.traverse( function ( child ) {
														
 
															 						if ( child.isMesh ) {
														
 
															-							child.material.envMap = envMap;
														
 
															+							child.material.envMap = background;
														
 
															 						}
														
--- a/examples/webgl_loader_json.html
+++ b/examples/webgl_loader_json.html
@@ -1,179 +0,0 @@
 
															-<!DOCTYPE html>
														
 
															-<html lang="en">
														
 
															-	<head>
														
 
															-		<title>three.js webgl - loader -json</title>
														
 
															-		<meta charset="utf-8">
														
 
															-		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
														
 
															-		<style>
														
 
															-			body {
														
 
															-				background:#777;
														
 
															-				padding:0;
														
 
															-				margin:0;
														
 
															-				font-weight: bold;
														
 
															-				overflow:hidden;
														
 
															-			}
														
 
															-
														
 
															-			#info {
														
 
															-				position: absolute;
														
 
															-				top: 0px;
														
 
															-				width: 100%;
														
 
															-				color: #ffffff;
														
 
															-				padding: 5px;
														
 
															-				font-family:Monospace;
														
 
															-				font-size:13px;
														
 
															-				text-align:center;
														
 
															-			}
														
 
															-
														
 
															-			a {
														
 
															-				color: #ffffff;
														
 
															-			}
														
 
															-		</style>
														
 
															-	</head>
														
 
															-	<body>
														
 
															-
														
 
															-		<div id="container"></div>
														
 
															-		<div id="info">
														
 
															-			<a href="https://threejs.org" target="_blank" rel="noopener">three.js</a> -
														
 
															-			monster by <a href="http://www.3drt.com/downloads.htm" target="_blank" rel="noopener">3drt</a>
														
 
															-		</div>
														
 
															-
														
 
															-		<script src="../build/three.js"></script>
														
 
															-
														
 
															-		<script src="js/WebGL.js"></script>
														
 
															-		<script src="js/libs/stats.min.js"></script>
														
 
															-
														
 
															-		<script>
														
 
															-
														
 
															-			if ( WEBGL.isWebGLAvailable() === false ) {
														
 
															-
														
 
															-				document.body.appendChild( WEBGL.getWebGLErrorMessage() );
														
 
															-
														
 
															-			}
														
 
															-
														
 
															-			var container, stats, clock, mixer;
														
 
															-			var camera, scene, renderer;
														
 
															-
														
 
															-			init();
														
 
															-			animate();
														
 
															-
														
 
															-			function init() {
														
 
															-
														
 
															-				container = document.getElementById( 'container' );
														
 
															-
														
 
															-				camera = new THREE.PerspectiveCamera( 50, window.innerWidth / window.innerHeight, 1, 2000 );
														
 
															-				camera.position.set( 2, 4, 5 );
														
 
															-
														
 
															-				clock = new THREE.Clock();
														
 
															-
														
 
															-				scene = new THREE.Scene();
														
 
															-				scene.fog = new THREE.FogExp2( 0x000000, 0.035 );
														
 
															-
														
 
															-				mixer = new THREE.AnimationMixer( scene );
														
 
															-
														
 
															-				var loader = new THREE.JSONLoader();
														
 
															-				loader.load( 'models/json/legacy/monster/monster.js', function ( geometry, materials ) {
														
 
															-
														
 
															-					// adjust color a bit
														
 
															-
														
 
															-					var material = materials[ 0 ];
														
 
															-					material.morphTargets = true;
														
 
															-					material.color.setHex( 0xffaaaa );
														
 
															-
														
 
															-					for ( var i = 0; i < 729; i ++ ) {
														
 
															-
														
 
															-						var mesh = new THREE.Mesh( geometry, materials );
														
 
															-
														
 
															-						// random placement in a grid
														
 
															-
														
 
															-						var x = ( ( i % 27 ) - 13.5 ) * 2 + THREE.Math.randFloatSpread( 1 );
														
 
															-						var z = ( Math.floor( i / 27 ) - 13.5 ) * 2 + THREE.Math.randFloatSpread( 1 );
														
 
															-
														
 
															-						mesh.position.set( x, 0, z );
														
 
															-
														
 
															-						var s = THREE.Math.randFloat( 0.00075, 0.001 );
														
 
															-						mesh.scale.set( s, s, s );
														
 
															-
														
 
															-						mesh.rotation.y = THREE.Math.randFloat( - 0.25, 0.25 );
														
 
															-
														
 
															-						mesh.matrixAutoUpdate = false;
														
 
															-						mesh.updateMatrix();
														
 
															-
														
 
															-						scene.add( mesh );
														
 
															-
														
 
															-						mixer.clipAction( geometry.animations[ 0 ], mesh )
														
 
															-							.setDuration( 1 )			// one second
														
 
															-							.startAt( - Math.random() )	// random phase (already running)
														
 
															-							.play();					// let's go
														
 
															-
														
 
															-					}
														
 
															-
														
 
															-				} );
														
 
															-
														
 
															-				// lights
														
 
															-
														
 
															-				var ambientLight = new THREE.AmbientLight( 0xcccccc );
														
 
															-				scene.add( ambientLight );
														
 
															-
														
 
															-				var pointLight = new THREE.PointLight( 0xff4400, 5, 30 );
														
 
															-				pointLight.position.set( 5, 0, 0 );
														
 
															-				scene.add( pointLight );
														
 
															-
														
 
															-				// renderer
														
 
															-
														
 
															-				renderer = new THREE.WebGLRenderer();
														
 
															-				renderer.setPixelRatio( window.devicePixelRatio );
														
 
															-				renderer.setSize( window.innerWidth, window.innerHeight );
														
 
															-				container.appendChild( renderer.domElement );
														
 
															-
														
 
															-				// stats
														
 
															-
														
 
															-				stats = new Stats();
														
 
															-				container.appendChild( stats.dom );
														
 
															-
														
 
															-				// events
														
 
															-
														
 
															-				window.addEventListener( 'resize', onWindowResize, false );
														
 
															-
														
 
															-			}
														
 
															-
														
 
															-			//
														
 
															-
														
 
															-			function onWindowResize() {
														
 
															-
														
 
															-				renderer.setSize( window.innerWidth, window.innerHeight );
														
 
															-
														
 
															-				camera.aspect = window.innerWidth / window.innerHeight;
														
 
															-				camera.updateProjectionMatrix();
														
 
															-
														
 
															-			}
														
 
															-
														
 
															-			//
														
 
															-
														
 
															-			function animate() {
														
 
															-
														
 
															-				requestAnimationFrame( animate );
														
 
															-
														
 
															-				render();
														
 
															-				stats.update();
														
 
															-
														
 
															-			}
														
 
															-
														
 
															-			function render() {
														
 
															-
														
 
															-				var timer = Date.now() * 0.0005;
														
 
															-
														
 
															-				camera.position.x = Math.cos( timer ) * 10;
														
 
															-				camera.position.y = 4;
														
 
															-				camera.position.z = Math.sin( timer ) * 10;
														
 
															-
														
 
															-				mixer.update( clock.getDelta() );
														
 
															-
														
 
															-				camera.lookAt( scene.position );
														
 
															-
														
 
															-				renderer.render( scene, camera );
														
 
															-
														
 
															-			}
														
 
															-
														
 
															-		</script>
														
 
															-	</body>
														
 
															-</html>
														
--- a/examples/webgl_materials_cubemap_dynamic.html
+++ b/examples/webgl_materials_cubemap_dynamic.html
@@ -32,6 +32,7 @@
 
															 		<div id="info"><a href="http://threejs.org" target="_blank" rel="noopener">three.js webgl</a> - materials - dynamic cube reflection<br/>Photo by <a href="http://www.flickr.com/photos/jonragnarsson/2294472375/" target="_blank" rel="noopener">J&oacute;n Ragnarsson</a>.</div>
														
 
															 		<script src="../build/three.js"></script>
														
 
															+		<script src="js/loaders/EquirectangularToCubeGenerator.js"></script>
														
 
															 		<script>
														
@@ -58,17 +59,27 @@
 
															 			function init( texture ) {
														
 
															-				camera = new THREE.PerspectiveCamera( 60, window.innerWidth / window.innerHeight, 1, 1000 );
														
 
															+				renderer = new THREE.WebGLRenderer( { antialias: true } );
														
 
															+				renderer.setPixelRatio( window.devicePixelRatio );
														
 
															+				renderer.setSize( window.innerWidth, window.innerHeight );
														
 
															 				scene = new THREE.Scene();
														
 
															-				backgroundMesh = new THREE.Mesh( new THREE.SphereBufferGeometry( 500, 32, 16 ), new THREE.MeshBasicMaterial( { map: texture } ) );
														
 
															-				backgroundMesh.geometry.scale( - 1, 1, 1 );
														
 
															-				scene.add( backgroundMesh );
														
 
															+				camera = new THREE.PerspectiveCamera( 60, window.innerWidth / window.innerHeight, 1, 1000 );
														
 
															-				renderer = new THREE.WebGLRenderer( { antialias: true } );
														
 
															-				renderer.setPixelRatio( window.devicePixelRatio );
														
 
															-				renderer.setSize( window.innerWidth, window.innerHeight );
														
 
															+				// background
														
 
															+
														
 
															+				var options = {
														
 
															+					resolution: 1024,
														
 
															+
														
 
															+					generateMipmaps: true,
														
 
															+					minFilter: THREE.LinearMipMapLinearFilter,
														
 
															+					magFilter: THREE.LinearFilter
														
 
															+				};
														
 
															+
														
 
															+				scene.background = new THREE.CubemapGenerator( renderer ).fromEquirectangular( texture, options );
														
 
															+
														
 
															+				//
														
 
															 				cubeCamera1 = new THREE.CubeCamera( 1, 1000, 256 );
														
 
															 				cubeCamera1.renderTarget.texture.generateMipmaps = true;
														
@@ -198,13 +209,11 @@
 
															 				if ( count % 2 === 0 ) {
														
 
															 					material.envMap = cubeCamera1.renderTarget.texture;
														
 
															-					backgroundMesh.position.copy( cubeCamera2.position );
														
 
															 					cubeCamera2.update( renderer, scene );
														
 
															 				} else {
														
 
															 					material.envMap = cubeCamera2.renderTarget.texture;
														
 
															-					backgroundMesh.position.copy( cubeCamera1.position );
														
 
															 					cubeCamera1.update( renderer, scene );
														
 
															 				}
														
@@ -213,7 +222,6 @@
 
															 				sphere.visible = true;
														
 
															-				backgroundMesh.position.copy( camera.position );
														
 
															 				renderer.render( scene, camera );
														
 
															 			}
														
--- a/examples/webgl_materials_envmaps.html
+++ b/examples/webgl_materials_envmaps.html
@@ -79,6 +79,7 @@
 
															 				textureCube = new THREE.CubeTextureLoader().load( urls );
														
 
															 				textureCube.format = THREE.RGBFormat;
														
 
															 				textureCube.mapping = THREE.CubeReflectionMapping;
														
 
															+				textureCube.encoding = THREE.sRGBEncoding;
														
 
															 				var textureLoader = new THREE.TextureLoader();
														
@@ -86,9 +87,11 @@
 
															 				textureEquirec.mapping = THREE.EquirectangularReflectionMapping;
														
 
															 				textureEquirec.magFilter = THREE.LinearFilter;
														
 
															 				textureEquirec.minFilter = THREE.LinearMipMapLinearFilter;
														
 
															+				textureEquirec.encoding = THREE.sRGBEncoding;
														
 
															 				textureSphere = textureLoader.load( "textures/metal.jpg" );
														
 
															 				textureSphere.mapping = THREE.SphericalReflectionMapping;
														
 
															+				textureSphere.encoding = THREE.sRGBEncoding;
														
 
															 				// Materials
														
@@ -103,6 +106,16 @@
 
															 				} );
														
 
															 				equirectMaterial.uniforms[ "tEquirect" ].value = textureEquirec;
														
 
															+				// enable code injection for non-built-in material
														
 
															+				Object.defineProperty( equirectMaterial, 'map', {
														
 
															+
														
 
															+					get: function () {
														
 
															+
														
 
															+						return this.uniforms.tEquirect.value;
														
 
															+
														
 
															+					}
														
 
															+
														
 
															+				} );
														
 
															 				var cubeShader = THREE.ShaderLib[ "cube" ];
														
 
															 				var cubeMaterial = new THREE.ShaderMaterial( {
														
@@ -114,6 +127,15 @@
 
															 				} );
														
 
															 				cubeMaterial.uniforms[ "tCube" ].value = textureCube;
														
 
															+				Object.defineProperty( cubeMaterial, 'map', {
														
 
															+
														
 
															+					get: function () {
														
 
															+
														
 
															+						return this.uniforms.tCube.value;
														
 
															+
														
 
															+					}
														
 
															+
														
 
															+				} );
														
 
															 				// Skybox
														
@@ -136,6 +158,8 @@
 
															 				renderer.setSize( window.innerWidth, window.innerHeight );
														
 
															 				document.body.appendChild( renderer.domElement );
														
 
															+				renderer.gammaOutput = true;
														
 
															+
														
 
															 				//
														
 
															 				var params = {
														
--- a/examples/webgl_materials_envmaps_exr.html
+++ b/examples/webgl_materials_envmaps_exr.html
@@ -51,16 +51,20 @@
 
															 			}
														
 
															-			var container, stats;
														
 
															 			var params = {
														
 
															 				envMap: 'EXR',
														
 
															 				roughness: 0.0,
														
 
															 				metalness: 0.0,
														
 
															-				exposure: 1.0
														
 
															+				exposure: 1.0,
														
 
															+				debug: false,
														
 
															 			};
														
 
															-			var camera, scene, renderer, controls, objects = [];
														
 
															+
														
 
															+			var container, stats;
														
 
															+			var camera, scene, renderer, controls;
														
 
															+			var torusMesh, planeMesh;
														
 
															 			var standardMaterial, floorMaterial;
														
 
															 			var pngCubeRenderTarget, exrCubeRenderTarget;
														
 
															+			var pngBackground, exrBackground;
														
 
															 			init();
														
 
															 			animate();
														
@@ -74,43 +78,38 @@
 
															 				camera.position.set( 0, 0, 120 );
														
 
															 				scene = new THREE.Scene();
														
 
															-				scene.background = new THREE.Color( 0x000000 );
														
 
															 				renderer = new THREE.WebGLRenderer();
														
 
															 				renderer.toneMapping = THREE.LinearToneMapping;
														
 
															-				standardMaterial = new THREE.MeshStandardMaterial( {
														
 
															-					map: null,
														
 
															-					color: 0xffffff,
														
 
															+				//
														
 
															+
														
 
															+				var geometry = new THREE.TorusKnotBufferGeometry( 18, 8, 150, 20 );
														
 
															+				var material = new THREE.MeshStandardMaterial( {
														
 
															 					metalness: params.roughness,
														
 
															 					roughness: params.metalness,
														
 
															 					envMapIntensity: 1.0
														
 
															 				} );
														
 
															-				var geometry = new THREE.TorusKnotBufferGeometry( 18, 8, 150, 20 );
														
 
															-
														
 
															-				var torusMesh1 = new THREE.Mesh( geometry, standardMaterial );
														
 
															+				torusMesh = new THREE.Mesh( geometry, material );
														
 
															+				scene.add( torusMesh );
														
 
															-				scene.add( torusMesh1 );
														
 
															-				objects.push( torusMesh1 );
														
 
															-
														
 
															-				floorMaterial = new THREE.MeshBasicMaterial( {
														
 
															-					color: 0xffffff
														
 
															-				} );
														
 
															+				var geometry = new THREE.PlaneBufferGeometry( 200, 200 );
														
 
															+				var material = new THREE.MeshBasicMaterial();
														
 
															-				var planeGeometry = new THREE.PlaneBufferGeometry( 200, 200 );
														
 
															-				var planeMesh1 = new THREE.Mesh( planeGeometry, floorMaterial );
														
 
															-				planeMesh1.position.y = - 50;
														
 
															-				planeMesh1.rotation.x = - Math.PI * 0.5;
														
 
															-				scene.add( planeMesh1 );
														
 
															+				planeMesh = new THREE.Mesh( geometry, material );
														
 
															+				planeMesh.position.y = - 50;
														
 
															+				planeMesh.rotation.x = - Math.PI * 0.5;
														
 
															+				scene.add( planeMesh );
														
 
															 				new THREE.EXRLoader().load( 'textures/piz_compressed.exr', function ( texture ) {
														
 
															 					texture.minFilter = THREE.NearestFilter;
														
 
															-					texture.magFilter = THREE.NearestFilter;
														
 
															+					// texture.magFilter = THREE.NearestFilter;
														
 
															 					texture.encoding = THREE.LinearEncoding;
														
 
															 					var cubemapGenerator = new THREE.EquirectangularToCubeGenerator( texture, { resolution: 512, type: THREE.HalfFloatType } );
														
 
															+					exrBackground = cubemapGenerator.renderTarget;
														
 
															 					var cubeMapTexture = cubemapGenerator.update( renderer );
														
 
															 					var pmremGenerator = new THREE.PMREMGenerator( cubeMapTexture );
														
@@ -122,7 +121,6 @@
 
															 					exrCubeRenderTarget = pmremCubeUVPacker.CubeUVRenderTarget;
														
 
															 					texture.dispose();
														
 
															-					cubemapGenerator.dispose();
														
 
															 					pmremGenerator.dispose();
														
 
															 					pmremCubeUVPacker.dispose();
														
@@ -133,6 +131,8 @@
 
															 					texture.encoding = THREE.sRGBEncoding;
														
 
															 					var cubemapGenerator = new THREE.EquirectangularToCubeGenerator( texture, { resolution: 512 } );
														
 
															+					pngBackground = cubemapGenerator.renderTarget;
														
 
															+
														
 
															 					var cubeMapTexture = cubemapGenerator.update( renderer );
														
 
															 					var pmremGenerator = new THREE.PMREMGenerator( cubeMapTexture );
														
@@ -144,7 +144,6 @@
 
															 					pngCubeRenderTarget = pmremCubeUVPacker.CubeUVRenderTarget;
														
 
															 					texture.dispose();
														
 
															-					cubemapGenerator.dispose();
														
 
															 					pmremGenerator.dispose();
														
 
															 					pmremCubeUVPacker.dispose();
														
@@ -173,6 +172,7 @@
 
															 				gui.add( params, 'roughness', 0, 1 );
														
 
															 				gui.add( params, 'metalness', 0, 1 );
														
 
															 				gui.add( params, 'exposure', 0, 2 );
														
 
															+				gui.add( params, 'debug', false );
														
 
															 				gui.open();
														
 
															 			}
														
@@ -201,40 +201,40 @@
 
															 			function render() {
														
 
															-				if ( standardMaterial !== undefined ) {
														
 
															-
														
 
															-					standardMaterial.roughness = params.roughness;
														
 
															-					standardMaterial.metalness = params.metalness;
														
 
															-
														
 
															-					var newEnvMap = standardMaterial.envMap;
														
 
															+				torusMesh.material.roughness = params.roughness;
														
 
															+				torusMesh.material.metalness = params.metalness;
														
 
															-					switch ( params.envMap ) {
														
 
															+				var newEnvMap = torusMesh.material.envMap;
														
 
															+				var background = scene.background;
														
 
															-						case 'EXR': newEnvMap = exrCubeRenderTarget ? exrCubeRenderTarget.texture : null; break;
														
 
															-						case 'PNG': newEnvMap = pngCubeRenderTarget ? pngCubeRenderTarget.texture : null; break;
														
 
															+				switch ( params.envMap ) {
														
 
															-					}
														
 
															+					case 'EXR':
														
 
															+						newEnvMap = exrCubeRenderTarget ? exrCubeRenderTarget.texture : null;
														
 
															+						background = exrBackground;
														
 
															+						break;
														
 
															+					case 'PNG':
														
 
															+						newEnvMap = pngCubeRenderTarget ? pngCubeRenderTarget.texture : null;
														
 
															+						background = pngBackground;
														
 
															+						break;
														
 
															-					if ( newEnvMap !== standardMaterial.envMap ) {
														
 
															+				}
														
 
															-						standardMaterial.envMap = newEnvMap;
														
 
															-						standardMaterial.needsUpdate = true;
														
 
															+				if ( newEnvMap !== torusMesh.material.envMap ) {
														
 
															-						floorMaterial.map = newEnvMap;
														
 
															-						floorMaterial.needsUpdate = true;
														
 
															+					torusMesh.material.envMap = newEnvMap;
														
 
															+					torusMesh.material.needsUpdate = true;
														
 
															-					}
														
 
															+					planeMesh.material.map = newEnvMap;
														
 
															+					planeMesh.material.needsUpdate = true;
														
 
															 				}
														
 
															-				renderer.toneMappingExposure = params.exposure;
														
 
															+				torusMesh.rotation.y += 0.005;
														
 
															+				planeMesh.visible = params.debug;
														
 
															-				for ( var i = 0, l = objects.length; i < l; i ++ ) {
														
 
															-
														
 
															-					var object = objects[ i ];
														
 
															-					object.rotation.y += 0.005;
														
 
															-
														
 
															-				}
														
 
															+				scene.background = background;
														
 
															+				renderer.toneMappingExposure = params.exposure;
														
 
															 				renderer.render( scene, camera );
														
--- a/examples/webgl_materials_envmaps_hdr.html
+++ b/examples/webgl_materials_envmaps_hdr.html
@@ -52,16 +52,19 @@
 
															 			}
														
 
															-			var container, stats;
														
 
															 			var params = {
														
 
															 				envMap: 'HDR',
														
 
															 				roughness: 0.0,
														
 
															 				metalness: 0.0,
														
 
															-				exposure: 1.0
														
 
															+				exposure: 1.0,
														
 
															+				debug: false
														
 
															 			};
														
 
															-			var camera, scene, renderer, controls, objects = [];
														
 
															-			var standardMaterial, floorMaterial;
														
 
															+
														
 
															+			var container, stats;
														
 
															+			var camera, scene, renderer, controls;
														
 
															+			var torusMesh, planeMesh;
														
 
															 			var ldrCubeRenderTarget, hdrCubeRenderTarget, rgbmCubeRenderTarget;
														
 
															+			var ldrCubeMap, hdrCubeMap, rgbmCubeMap;
														
 
															 			init();
														
 
															 			animate();
														
@@ -80,94 +83,85 @@
 
															 				renderer = new THREE.WebGLRenderer();
														
 
															 				renderer.toneMapping = THREE.LinearToneMapping;
														
 
															-				standardMaterial = new THREE.MeshStandardMaterial( {
														
 
															-					color: 0xffffff,
														
 
															-					metalness: params.metalness,
														
 
															-					roughness: params.roughness
														
 
															-				} );
														
 
															+				//
														
 
															 				var geometry = new THREE.TorusKnotBufferGeometry( 18, 8, 150, 20 );
														
 
															-
														
 
															-				var torusMesh1 = new THREE.Mesh( geometry, standardMaterial );
														
 
															-
														
 
															-				scene.add( torusMesh1 );
														
 
															-				objects.push( torusMesh1 );
														
 
															-
														
 
															-				floorMaterial = new THREE.MeshBasicMaterial( {
														
 
															+				var material = new THREE.MeshStandardMaterial( {
														
 
															 					color: 0xffffff,
														
 
															+					metalness: params.metalness,
														
 
															+					roughness: params.roughness
														
 
															 				} );
														
 
															-				var planeGeometry = new THREE.PlaneBufferGeometry( 200, 200 );
														
 
															-				var planeMesh1 = new THREE.Mesh( planeGeometry, floorMaterial );
														
 
															-				planeMesh1.position.y = - 50;
														
 
															-				planeMesh1.rotation.x = - Math.PI * 0.5;
														
 
															-				scene.add( planeMesh1 );
														
 
															+				torusMesh = new THREE.Mesh( geometry, material );
														
 
															+				scene.add( torusMesh );
														
 
															-				var genCubeUrls = function ( prefix, postfix ) {
														
 
															-					return [
														
 
															-						prefix + 'px' + postfix, prefix + 'nx' + postfix,
														
 
															-						prefix + 'py' + postfix, prefix + 'ny' + postfix,
														
 
															-						prefix + 'pz' + postfix, prefix + 'nz' + postfix
														
 
															-					];
														
 
															+				var geometry = new THREE.PlaneBufferGeometry( 200, 200 );
														
 
															+				var material = new THREE.MeshBasicMaterial();
														
 
															-				};
														
 
															+				planeMesh = new THREE.Mesh( geometry, material );
														
 
															+				planeMesh.position.y = - 50;
														
 
															+				planeMesh.rotation.x = - Math.PI * 0.5;
														
 
															+				scene.add( planeMesh );
														
 
															-				var hdrUrls = genCubeUrls( './textures/cube/pisaHDR/', '.hdr' );
														
 
															-				new THREE.HDRCubeTextureLoader().load( THREE.UnsignedByteType, hdrUrls, function ( hdrCubeMap ) {
														
 
															+				var hdrUrls = [ 'px.hdr', 'nx.hdr', 'py.hdr', 'ny.hdr', 'pz.hdr', 'nz.hdr' ];
														
 
															+				hdrCubeMap = new THREE.HDRCubeTextureLoader()
														
 
															+					.setPath( './textures/cube/pisaHDR/' )
														
 
															+					.load( THREE.UnsignedByteType, hdrUrls, function () {
														
 
															-					var pmremGenerator = new THREE.PMREMGenerator( hdrCubeMap );
														
 
															-					pmremGenerator.update( renderer );
														
 
															+						var pmremGenerator = new THREE.PMREMGenerator( hdrCubeMap );
														
 
															+						pmremGenerator.update( renderer );
														
 
															-					var pmremCubeUVPacker = new THREE.PMREMCubeUVPacker( pmremGenerator.cubeLods );
														
 
															-					pmremCubeUVPacker.update( renderer );
														
 
															+						var pmremCubeUVPacker = new THREE.PMREMCubeUVPacker( pmremGenerator.cubeLods );
														
 
															+						pmremCubeUVPacker.update( renderer );
														
 
															-					hdrCubeRenderTarget = pmremCubeUVPacker.CubeUVRenderTarget;
														
 
															+						hdrCubeRenderTarget = pmremCubeUVPacker.CubeUVRenderTarget;
														
 
															-					hdrCubeMap.dispose();
														
 
															-					pmremGenerator.dispose();
														
 
															-					pmremCubeUVPacker.dispose();
														
 
															+						pmremGenerator.dispose();
														
 
															+						pmremCubeUVPacker.dispose();
														
 
															-				} );
														
 
															+					} );
														
 
															-				var ldrUrls = genCubeUrls( './textures/cube/pisa/', '.png' );
														
 
															-				new THREE.CubeTextureLoader().load( ldrUrls, function ( ldrCubeMap ) {
														
 
															+				var ldrUrls = [ 'px.png', 'nx.png', 'py.png', 'ny.png', 'pz.png', 'nz.png' ];
														
 
															+				ldrCubeMap = new THREE.CubeTextureLoader()
														
 
															+					.setPath( './textures/cube/pisa/' )
														
 
															+					.load( ldrUrls, function () {
														
 
															-					ldrCubeMap.encoding = THREE.GammaEncoding;
														
 
															+						ldrCubeMap.encoding = THREE.GammaEncoding;
														
 
															-					var pmremGenerator = new THREE.PMREMGenerator( ldrCubeMap );
														
 
															-					pmremGenerator.update( renderer );
														
 
															+						var pmremGenerator = new THREE.PMREMGenerator( ldrCubeMap );
														
 
															+						pmremGenerator.update( renderer );
														
 
															-					var pmremCubeUVPacker = new THREE.PMREMCubeUVPacker( pmremGenerator.cubeLods );
														
 
															-					pmremCubeUVPacker.update( renderer );
														
 
															+						var pmremCubeUVPacker = new THREE.PMREMCubeUVPacker( pmremGenerator.cubeLods );
														
 
															+						pmremCubeUVPacker.update( renderer );
														
 
															-					ldrCubeRenderTarget = pmremCubeUVPacker.CubeUVRenderTarget;
														
 
															+						ldrCubeRenderTarget = pmremCubeUVPacker.CubeUVRenderTarget;
														
 
															-					ldrCubeMap.dispose();
														
 
															-					pmremGenerator.dispose();
														
 
															-					pmremCubeUVPacker.dispose();
														
 
															+						pmremGenerator.dispose();
														
 
															+						pmremCubeUVPacker.dispose();
														
 
															-				} );
														
 
															+					} );
														
 
															-				var rgbmUrls = genCubeUrls( './textures/cube/pisaRGBM16/', '.png' );
														
 
															-				new THREE.CubeTextureLoader().load( rgbmUrls, function ( rgbmCubeMap ) {
														
 
															+				var rgbmUrls = [ 'px.png', 'nx.png', 'py.png', 'ny.png', 'pz.png', 'nz.png' ];
														
 
															+				rgbmCubeMap = new THREE.CubeTextureLoader()
														
 
															+					.setPath( './textures/cube/pisaRGBM16/' )
														
 
															+					.load( rgbmUrls, function () {
														
 
															-					rgbmCubeMap.encoding = THREE.RGBM16Encoding;
														
 
															+						rgbmCubeMap.encoding = THREE.RGBM16Encoding;
														
 
															-					var pmremGenerator = new THREE.PMREMGenerator( rgbmCubeMap );
														
 
															-					pmremGenerator.update( renderer );
														
 
															+						var pmremGenerator = new THREE.PMREMGenerator( rgbmCubeMap );
														
 
															+						pmremGenerator.update( renderer );
														
 
															-					var pmremCubeUVPacker = new THREE.PMREMCubeUVPacker( pmremGenerator.cubeLods );
														
 
															-					pmremCubeUVPacker.update( renderer );
														
 
															+						var pmremCubeUVPacker = new THREE.PMREMCubeUVPacker( pmremGenerator.cubeLods );
														
 
															+						pmremCubeUVPacker.update( renderer );
														
 
															-					rgbmCubeRenderTarget = pmremCubeUVPacker.CubeUVRenderTarget;
														
 
															+						rgbmCubeRenderTarget = pmremCubeUVPacker.CubeUVRenderTarget;
														
 
															-					rgbmCubeMap.dispose();
														
 
															-					pmremGenerator.dispose();
														
 
															-					pmremCubeUVPacker.dispose();
														
 
															+						pmremGenerator.dispose();
														
 
															+						pmremCubeUVPacker.dispose();
														
 
															-				} );
														
 
															+					} );
														
 
															 				renderer.setPixelRatio( window.devicePixelRatio );
														
 
															 				renderer.setSize( window.innerWidth, window.innerHeight );
														
@@ -192,6 +186,7 @@
 
															 				gui.add( params, 'roughness', 0, 1 );
														
 
															 				gui.add( params, 'metalness', 0, 1 );
														
 
															 				gui.add( params, 'exposure', 0, 2 );
														
 
															+				gui.add( params, 'debug', false );
														
 
															 				gui.open();
														
 
															 			}
														
@@ -220,41 +215,44 @@
 
															 			function render() {
														
 
															-				if ( standardMaterial !== undefined ) {
														
 
															-
														
 
															-					standardMaterial.roughness = params.roughness;
														
 
															-					standardMaterial.metalness = params.metalness;
														
 
															-
														
 
															-					var newEnvMap = standardMaterial.envMap;
														
 
															-
														
 
															-					switch ( params.envMap ) {
														
 
															-
														
 
															-						case 'LDR': newEnvMap = ldrCubeRenderTarget ? ldrCubeRenderTarget.texture : null; break;
														
 
															-						case 'HDR': newEnvMap = hdrCubeRenderTarget ? hdrCubeRenderTarget.texture : null; break;
														
 
															-						case 'RGBM16': newEnvMap = rgbmCubeRenderTarget ? rgbmCubeRenderTarget.texture : null; break;
														
 
															-
														
 
															-					}
														
 
															+				torusMesh.material.roughness = params.roughness;
														
 
															+				torusMesh.material.metalness = params.metalness;
														
 
															+
														
 
															+				var renderTarget, cubeMap;
														
 
															+
														
 
															+				switch ( params.envMap ) {
														
 
															+
														
 
															+					case 'LDR':
														
 
															+						renderTarget = ldrCubeRenderTarget;
														
 
															+						cubeMap = ldrCubeMap;
														
 
															+						break;
														
 
															+					case 'HDR':
														
 
															+						renderTarget = hdrCubeRenderTarget;
														
 
															+						cubeMap = hdrCubeMap;
														
 
															+						break;
														
 
															+					case 'RGBM16':
														
 
															+						renderTarget = rgbmCubeRenderTarget;
														
 
															+						cubeMap = rgbmCubeMap;
														
 
															+						break;
														
 
															+				}
														
 
															-					if ( newEnvMap !== standardMaterial.envMap ) {
														
 
															+				var newEnvMap = renderTarget ? renderTarget.texture : null;
														
 
															-						standardMaterial.envMap = newEnvMap;
														
 
															-						standardMaterial.needsUpdate = true;
														
 
															+				if ( newEnvMap && newEnvMap !== torusMesh.material.envMap ) {
														
 
															-						floorMaterial.map = newEnvMap;
														
 
															-						floorMaterial.needsUpdate = true;
														
 
															+					torusMesh.material.envMap = newEnvMap;
														
 
															+					torusMesh.material.needsUpdate = true;
														
 
															-					}
														
 
															+					planeMesh.material.map = newEnvMap;
														
 
															+					planeMesh.material.needsUpdate = true;
														
 
															 				}
														
 
															-				renderer.toneMappingExposure = params.exposure;
														
 
															-
														
 
															-				for ( var i = 0, l = objects.length; i < l; i ++ ) {
														
 
															+				torusMesh.rotation.y += 0.005;
														
 
															+				planeMesh.visible = params.debug;
														
 
															-					var object = objects[ i ];
														
 
															-					object.rotation.y += 0.005;
														
 
															-
														
 
															-				}
														
 
															+				scene.background = cubeMap;
														
 
															+				renderer.toneMappingExposure = params.exposure;
														
 
															 				renderer.render( scene, camera );
														
--- a/examples/webgl_materials_matcap.html
+++ b/examples/webgl_materials_matcap.html
@@ -67,7 +67,7 @@
 
															 			function init() {
														
 
															 				// renderer
														
 
															-				renderer = new THREE.WebGLRenderer();
														
 
															+				renderer = new THREE.WebGLRenderer( { antialias: true } );
														
 
															 				renderer.setPixelRatio( window.devicePixelRatio );
														
 
															 				renderer.setSize( window.innerWidth, window.innerHeight );
														
 
															 				document.body.appendChild( renderer.domElement );
														
@@ -100,8 +100,6 @@
 
															 					matcap.encoding = THREE.sRGBEncoding;
														
 
															-					if ( mesh ) mesh.material.needsUpdate = true;
														
 
															-
														
 
															 				} );
														
 
															 				// model
														
@@ -185,18 +183,18 @@
 
															 			function imgCallback( event ) {
														
 
															-				var matcap = mesh.material.matcap;
														
 
															+				if ( mesh.material.matcap ) {
														
 
															-				matcap.image = event.target;
														
 
															+					mesh.material.matcap.dispose();
														
 
															-				matcap.needsUpdate = true;
														
 
															+				}
														
 
															-				API.color = 0xffffff;
														
 
															-				mesh.material.color.set( API.color );
														
 
															+				mesh.material.matcap = new THREE.Texture( event.target );
														
 
															+				mesh.material.matcap.needsUpdate = true;
														
 
															-				render();
														
 
															+				image.src = mesh.material.matcap.image.src; // corner div
														
 
															-				image.src = matcap.image.src; // corner div
														
 
															+				render();
														
 
															 			}
														
--- a/examples/webgl_postprocessing_ssao.html
+++ b/examples/webgl_postprocessing_ssao.html
@@ -90,18 +90,21 @@
 
															 				camera.position.z = 500;
														
 
															 				scene = new THREE.Scene();
														
 
															-				scene.background = new THREE.Color( 0xa0a0a0 );
														
 
															+				scene.background = new THREE.Color( 0xaaaaaa );
														
 
															+
														
 
															+				scene.add( new THREE.DirectionalLight() );
														
 
															+				scene.add( new THREE.HemisphereLight() );
														
 
															 				group = new THREE.Group();
														
 
															 				scene.add( group );
														
 
															-				var geometry = new THREE.IcosahedronBufferGeometry( 5, 3 );
														
 
															-				for ( var i = 0; i < 200; i ++ ) {
														
 
															+				var geometry = new THREE.BoxBufferGeometry( 10, 10, 10 );
														
 
															+
														
 
															+				for ( var i = 0; i < 100; i ++ ) {
														
 
															-					var material = new THREE.MeshBasicMaterial();
														
 
															-					material.color.r = Math.random();
														
 
															-					material.color.g = Math.random();
														
 
															-					material.color.b = Math.random();
														
 
															+					var material = new THREE.MeshLambertMaterial( {
														
 
															+						color: Math.random() * 0xffffff
														
 
															+					} );
														
 
															 					var mesh = new THREE.Mesh( geometry, material );
														
 
															 					mesh.position.x = Math.random() * 400 - 200;
														
@@ -111,7 +114,7 @@
 
															 					mesh.rotation.y = Math.random();
														
 
															 					mesh.rotation.z = Math.random();
														
 
															-					mesh.scale.setScalar( Math.random() * 10 + 1 );
														
 
															+					mesh.scale.setScalar( Math.random() * 10 + 2 );
														
 
															 					group.add( mesh );
														
 
															 				}
														
@@ -123,6 +126,7 @@
 
															 				var height = window.innerHeight;
														
 
															 				ssaoPass = new THREE.SSAOPass( scene, camera, width, height );
														
 
															+				ssaoPass.kernelRadius = 16;
														
 
															 				ssaoPass.renderToScreen = true;
														
 
															 				effectComposer = new THREE.EffectComposer( renderer );
														
--- a/examples/webgl_tiled_forward.html
+++ b/examples/webgl_tiled_forward.html
@@ -51,6 +51,7 @@
 
															 		var RADIUS = 75;
														
 
															 		THREE.ShaderChunk[ 'lights_pars_begin' ] += [
														
 
															+			'',
														
 
															 			'#if defined TILED_FORWARD',
														
 
															 			'uniform vec4 tileData;',
														
 
															 			'uniform sampler2D tileTexture;',
														
--- a/examples/webgl_worker_offscreencanvas.html
+++ b/examples/webgl_worker_offscreencanvas.html
@@ -5,28 +5,29 @@
 
															 		<meta charset="utf-8">
														
 
															 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
														
 
															 		<style>
														
 
															+			html, body {
														
 
															+				height: 100%;
														
 
															+			}
														
 
															+
														
 
															 			body {
														
 
															-				background:#000000;
														
 
															-				padding:0;
														
 
															-				margin:0;
														
 
															-				font-weight: bold;
														
 
															-				overflow:hidden;
														
 
															+				background: #ffffff;
														
 
															+				padding: 0;
														
 
															+				margin: 0;
														
 
															+				font-family: Monospace;
														
 
															+				font-size: 13px;
														
 
															+				overflow: hidden;
														
 
															 			}
														
 
															 			#info {
														
 
															-				position: absolute;
														
 
															 				top: 0px;
														
 
															 				width: 100%;
														
 
															-				color: #ffffff;
														
 
															-				padding: 5px;
														
 
															-				font-family:Monospace;
														
 
															-				font-size:13px;
														
 
															-				text-align:center;
														
 
															+				color: #000000;
														
 
															+				margin: 6px 0px;
														
 
															+				text-align: center;
														
 
															 			}
														
 
															 			#message {
														
 
															 				color: #ff0000;
														
 
															-				font-size:14px;
														
 
															 				display: none;
														
 
															 			}
														
@@ -34,47 +35,71 @@
 
															 				color: #ff0000;
														
 
															 			}
														
 
															-			a { color: #ffffff; }
														
 
															+			#container {
														
 
															+				width: 100%;
														
 
															+				height: calc(100% - 80px);
														
 
															+			}
														
 
															+
														
 
															+			#ui {
														
 
															+				margin-top: 8px;
														
 
															+				height: 80px;
														
 
															+				text-align: center;
														
 
															+			}
														
 
															+			#button {
														
 
															+				border: 0;
														
 
															+				padding: 4px 6px;
														
 
															+				background: #dddddd;
														
 
															+				outline: none;
														
 
															+			}
														
 
															 		</style>
														
 
															-		<script src="js/WebGL.js"></script>
														
 
															 	</head>
														
 
															 	<body>
														
 
															 		<div id="info">
														
 
															-			<a href="https://threejs.org" target="_blank" rel="noopener noreferrer">three.js</a> offscreen canvas<br/><br/>
														
 
															-			three.js runs in a worker and produces asynchronously frames for the canvas element in the main thread. <br/>
														
 
															-			This is an <a href="https://developer.mozilla.org/en-US/docs/Web/API/OffscreenCanvas" target="_blank" rel="noopener noreferrer"> experimental feature</a>!
														
 
															+			<a href="https://threejs.org" target="_blank" rel="noopener noreferrer">three.js</a> - offscreen canvas (<a href="https://developer.mozilla.org/en-US/docs/Web/API/OffscreenCanvas" target="_blank" rel="noopener noreferrer">about</a>)<br/>
														
 
															 			<p id="message">Your browser does not support OffscreenCanvas. Check the browser support <a href="https://caniuse.com/#feat=offscreencanvas" target="_blank" rel="noopener noreferrer">here</a></p>
														
 
															 		</div>
														
 
															-		<canvas id="canvas" style="width: 100%; height: 100%"></canvas>
														
 
															-	</body>
														
 
															-	<script>
														
 
															+		<div id="container">
														
 
															+			<canvas id="canvas1" style="width: 50%; height: 100%"></canvas><canvas id="canvas2" style="width: 50%; height: 100%"></canvas>
														
 
															+		</div>
														
 
															+		<div id="ui">
														
 
															+			<button id="button">START JANK</button><br/>
														
 
															+			<span id="result"></span>
														
 
															+		</div>
														
 
															-		if ( WEBGL.isWebGLAvailable() === false ) {
														
 
															+		<script src="../build/three.js"></script>
														
 
															+		<script src="js/offscreen/scene.js"></script>
														
 
															+		<script src="js/offscreen/jank.js"></script>
														
 
															+		<script>
														
 
															-			document.body.appendChild( WEBGL.getWebGLErrorMessage() );
														
 
															+			// onscreen
														
 
															-		}
														
 
															+			var width = canvas1.clientWidth;
														
 
															+			var height = canvas1.clientHeight;
														
 
															+			var pixelRatio = window.devicePixelRatio;
														
 
															-		var canvas = document.getElementById( 'canvas' );
														
 
															+			init( canvas1, width, height, pixelRatio, './' );
														
 
															-		if ( canvas.transferControlToOffscreen !== undefined ) {
														
 
															+			// offscreen
														
 
															-			var offscreen = canvas.transferControlToOffscreen();
														
 
															-			var worker = new Worker( 'js/workers/OffscreenCanvas.js' );
														
 
															+			if ( 'transferControlToOffscreen' in canvas2 ) {
														
 
															-			worker.postMessage( {
														
 
															-				drawingSurface: offscreen,
														
 
															-				width: window.innerWidth,
														
 
															-				height: window.innerHeight,
														
 
															-				pixelRatio: window.devicePixelRatio
														
 
															-			}, [ offscreen ] ); // transfer
														
 
															+				var offscreen = canvas2.transferControlToOffscreen();
														
 
															+				var worker = new Worker( 'js/offscreen/offscreen.js' );
														
 
															+				worker.postMessage( {
														
 
															+					drawingSurface: offscreen,
														
 
															+					width: canvas2.clientWidth,
														
 
															+					height: canvas2.clientHeight,
														
 
															+					pixelRatio: window.devicePixelRatio,
														
 
															+					path: '../../'
														
 
															+				}, [ offscreen ] );
														
 
															-		} else {
														
 
															+			} else {
														
 
															-			document.getElementById( 'message' ).style.display = 'block';
														
 
															+				document.getElementById( 'message' ).style.display = 'block';
														
 
															-		}
														
 
															+			}
														
 
															-	</script>
														
 
															+		</script>
														
 
															+	</body>
														
 
															 </html>
														
--- a/examples/webvr_ballshooter.html
+++ b/examples/webvr_ballshooter.html
@@ -4,12 +4,10 @@
 
															 		<title>three.js webvr - ball shooter</title>
														
 
															 		<meta charset="utf-8">
														
 
															 		<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
														
 
															-		<!-- Origin Trial Token, feature = WebVR (For Chrome M62+), origin = https://threejs.org, expires = 2018-09-11 -->
														
 
															-		<meta http-equiv="origin-trial" data-feature="WebVR (For Chrome M62+)" data-expires="2018-09-11" content="AqhFUYKxq/d+E8CDT0fuYRCg8TvlTP52x0Jv7I9t27sLhR30LmcahBRfSwzP89ukjs2+ia99VrrLoRyaFAwJVA0AAABQeyJvcmlnaW4iOiJodHRwczovL3RocmVlanMub3JnOjQ0MyIsImZlYXR1cmUiOiJXZWJWUjEuMU02MiIsImV4cGlyeSI6MTUzNjYyNDAwMH0=">
														
 
															-		<!-- Origin Trial Token, feature = WebXR Device API (For Chrome M69+), origin = https://threejs.org, expires = 2018-12-02 -->
														
 
															-		<meta http-equiv="origin-trial" data-feature="WebXR Device API (For Chrome M69+)" data-expires="2018-12-02" content="Ah46myef4Ax/+fcLtkeotXmIqnvun4lg4bYbHVttuJvbsWiE4oacrvroId7hbCEb4/byxFHIO6+uwq4pwr6RfQkAAABTeyJvcmlnaW4iOiJodHRwczovL3RocmVlanMub3JnOjQ0MyIsImZlYXR1cmUiOiJXZWJYUkRldmljZU02OSIsImV4cGlyeSI6MTU0Mzc1ODIyNn0=">
														
 
															-		<!-- Origin Trial Token, feature = WebXR Gamepad Support, origin = https://threejs.org, expires = 2018-12-02 -->
														
 
															-		<meta http-equiv="origin-trial" data-feature="WebXR Gamepad Support" data-expires="2018-12-02" content="AqI9LIanbGxr/HoTOsYCUNxG82Vy94NZbjhv83R+bF+5NX2jiZOaf7ny+mFoTUP5wrWpYlPjQ6+HeVas9f1lRwYAAABYeyJvcmlnaW4iOiJodHRwczovL3RocmVlanMub3JnOjQ0MyIsImZlYXR1cmUiOiJXZWJYUkdhbWVwYWRTdXBwb3J0IiwiZXhwaXJ5IjoxNTQzNzU4MjI2fQ==">
														
 
															+		<!-- Origin Trial Token, feature = WebXR Device API (For Chrome M69+), origin = https://threejs.org, expires = 2019-01-07 -->
														
 
															+		<meta http-equiv="origin-trial" data-feature="WebXR Device API (For Chrome M69+)" data-expires="2019-01-07" content="ArPzyYNrUDiXsGOh647Ya7MtVUA1nM+WFMnPWu7eoF2nQHOP6mTATIbiv0w+k2kFaPofZG/04ZEQdsACq4IA0wQAAABTeyJvcmlnaW4iOiJodHRwczovL3RocmVlanMub3JnOjQ0MyIsImZlYXR1cmUiOiJXZWJYUkRldmljZU02OSIsImV4cGlyeSI6MTU0Njg4MzAxOH0=">
														
 
															+		<!-- Origin Trial Token, feature = WebXR Gamepad Support, origin = https://threejs.org, expires = 2019-01-07 -->
														
 
															+		<meta http-equiv="origin-trial" data-feature="WebXR Gamepad Support" data-expires="2019-01-07" content="Av16a8LVXasKVQV9j3u0OlXdTfz5O9qDqhROyL5Up6R3sdOPbtFuc6n6o5DHitwnb5VdirH0GyvROwvz8xxd0AkAAABYeyJvcmlnaW4iOiJodHRwczovL3RocmVlanMub3JnOjQ0MyIsImZlYXR1cmUiOiJXZWJYUkdhbWVwYWRTdXBwb3J0IiwiZXhwaXJ5IjoxNTQ2ODgzMDE4fQ==">
														
 
															 		<style>
														
 
															 			body {
														
 
															 				font-family: Monospace;
														
--- a/examples/webvr_cubes.html
+++ b/examples/webvr_cubes.html
@@ -4,12 +4,10 @@
 
															 		<title>three.js webvr - cubes</title>
														
 
															 		<meta charset="utf-8">
														
 
															 		<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
														
 
															-		<!-- Origin Trial Token, feature = WebVR (For Chrome M62+), origin = https://threejs.org, expires = 2018-09-11 -->
														
 
															-		<meta http-equiv="origin-trial" data-feature="WebVR (For Chrome M62+)" data-expires="2018-09-11" content="AqhFUYKxq/d+E8CDT0fuYRCg8TvlTP52x0Jv7I9t27sLhR30LmcahBRfSwzP89ukjs2+ia99VrrLoRyaFAwJVA0AAABQeyJvcmlnaW4iOiJodHRwczovL3RocmVlanMub3JnOjQ0MyIsImZlYXR1cmUiOiJXZWJWUjEuMU02MiIsImV4cGlyeSI6MTUzNjYyNDAwMH0=">
														
 
															-		<!-- Origin Trial Token, feature = WebXR Device API (For Chrome M69+), origin = https://threejs.org, expires = 2018-12-02 -->
														
 
															-		<meta http-equiv="origin-trial" data-feature="WebXR Device API (For Chrome M69+)" data-expires="2018-12-02" content="Ah46myef4Ax/+fcLtkeotXmIqnvun4lg4bYbHVttuJvbsWiE4oacrvroId7hbCEb4/byxFHIO6+uwq4pwr6RfQkAAABTeyJvcmlnaW4iOiJodHRwczovL3RocmVlanMub3JnOjQ0MyIsImZlYXR1cmUiOiJXZWJYUkRldmljZU02OSIsImV4cGlyeSI6MTU0Mzc1ODIyNn0=">
														
 
															-		<!-- Origin Trial Token, feature = WebXR Gamepad Support, origin = https://threejs.org, expires = 2018-12-02 -->
														
 
															-		<meta http-equiv="origin-trial" data-feature="WebXR Gamepad Support" data-expires="2018-12-02" content="AqI9LIanbGxr/HoTOsYCUNxG82Vy94NZbjhv83R+bF+5NX2jiZOaf7ny+mFoTUP5wrWpYlPjQ6+HeVas9f1lRwYAAABYeyJvcmlnaW4iOiJodHRwczovL3RocmVlanMub3JnOjQ0MyIsImZlYXR1cmUiOiJXZWJYUkdhbWVwYWRTdXBwb3J0IiwiZXhwaXJ5IjoxNTQzNzU4MjI2fQ==">
														
 
															+		<!-- Origin Trial Token, feature = WebXR Device API (For Chrome M69+), origin = https://threejs.org, expires = 2019-01-07 -->
														
 
															+		<meta http-equiv="origin-trial" data-feature="WebXR Device API (For Chrome M69+)" data-expires="2019-01-07" content="ArPzyYNrUDiXsGOh647Ya7MtVUA1nM+WFMnPWu7eoF2nQHOP6mTATIbiv0w+k2kFaPofZG/04ZEQdsACq4IA0wQAAABTeyJvcmlnaW4iOiJodHRwczovL3RocmVlanMub3JnOjQ0MyIsImZlYXR1cmUiOiJXZWJYUkRldmljZU02OSIsImV4cGlyeSI6MTU0Njg4MzAxOH0=">
														
 
															+		<!-- Origin Trial Token, feature = WebXR Gamepad Support, origin = https://threejs.org, expires = 2019-01-07 -->
														
 
															+		<meta http-equiv="origin-trial" data-feature="WebXR Gamepad Support" data-expires="2019-01-07" content="Av16a8LVXasKVQV9j3u0OlXdTfz5O9qDqhROyL5Up6R3sdOPbtFuc6n6o5DHitwnb5VdirH0GyvROwvz8xxd0AkAAABYeyJvcmlnaW4iOiJodHRwczovL3RocmVlanMub3JnOjQ0MyIsImZlYXR1cmUiOiJXZWJYUkdhbWVwYWRTdXBwb3J0IiwiZXhwaXJ5IjoxNTQ2ODgzMDE4fQ==">
														
 
															 		<style>
														
 
															 			body {
														
 
															 				font-family: Monospace;
														
--- a/examples/webvr_dragging.html
+++ b/examples/webvr_dragging.html
@@ -4,12 +4,10 @@
 
															 		<title>three.js webvr - dragging</title>
														
 
															 		<meta charset="utf-8">
														
 
															 		<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
														
 
															-		<!-- Origin Trial Token, feature = WebVR (For Chrome M62+), origin = https://threejs.org, expires = 2018-09-11 -->
														
 
															-		<meta http-equiv="origin-trial" data-feature="WebVR (For Chrome M62+)" data-expires="2018-09-11" content="AqhFUYKxq/d+E8CDT0fuYRCg8TvlTP52x0Jv7I9t27sLhR30LmcahBRfSwzP89ukjs2+ia99VrrLoRyaFAwJVA0AAABQeyJvcmlnaW4iOiJodHRwczovL3RocmVlanMub3JnOjQ0MyIsImZlYXR1cmUiOiJXZWJWUjEuMU02MiIsImV4cGlyeSI6MTUzNjYyNDAwMH0=">
														
 
															-		<!-- Origin Trial Token, feature = WebXR Device API (For Chrome M69+), origin = https://threejs.org, expires = 2018-12-02 -->
														
 
															-		<meta http-equiv="origin-trial" data-feature="WebXR Device API (For Chrome M69+)" data-expires="2018-12-02" content="Ah46myef4Ax/+fcLtkeotXmIqnvun4lg4bYbHVttuJvbsWiE4oacrvroId7hbCEb4/byxFHIO6+uwq4pwr6RfQkAAABTeyJvcmlnaW4iOiJodHRwczovL3RocmVlanMub3JnOjQ0MyIsImZlYXR1cmUiOiJXZWJYUkRldmljZU02OSIsImV4cGlyeSI6MTU0Mzc1ODIyNn0=">
														
 
															-		<!-- Origin Trial Token, feature = WebXR Gamepad Support, origin = https://threejs.org, expires = 2018-12-02 -->
														
 
															-		<meta http-equiv="origin-trial" data-feature="WebXR Gamepad Support" data-expires="2018-12-02" content="AqI9LIanbGxr/HoTOsYCUNxG82Vy94NZbjhv83R+bF+5NX2jiZOaf7ny+mFoTUP5wrWpYlPjQ6+HeVas9f1lRwYAAABYeyJvcmlnaW4iOiJodHRwczovL3RocmVlanMub3JnOjQ0MyIsImZlYXR1cmUiOiJXZWJYUkdhbWVwYWRTdXBwb3J0IiwiZXhwaXJ5IjoxNTQzNzU4MjI2fQ==">
														
 
															+		<!-- Origin Trial Token, feature = WebXR Device API (For Chrome M69+), origin = https://threejs.org, expires = 2019-01-07 -->
														
 
															+		<meta http-equiv="origin-trial" data-feature="WebXR Device API (For Chrome M69+)" data-expires="2019-01-07" content="ArPzyYNrUDiXsGOh647Ya7MtVUA1nM+WFMnPWu7eoF2nQHOP6mTATIbiv0w+k2kFaPofZG/04ZEQdsACq4IA0wQAAABTeyJvcmlnaW4iOiJodHRwczovL3RocmVlanMub3JnOjQ0MyIsImZlYXR1cmUiOiJXZWJYUkRldmljZU02OSIsImV4cGlyeSI6MTU0Njg4MzAxOH0=">
														
 
															+		<!-- Origin Trial Token, feature = WebXR Gamepad Support, origin = https://threejs.org, expires = 2019-01-07 -->
														
 
															+		<meta http-equiv="origin-trial" data-feature="WebXR Gamepad Support" data-expires="2019-01-07" content="Av16a8LVXasKVQV9j3u0OlXdTfz5O9qDqhROyL5Up6R3sdOPbtFuc6n6o5DHitwnb5VdirH0GyvROwvz8xxd0AkAAABYeyJvcmlnaW4iOiJodHRwczovL3RocmVlanMub3JnOjQ0MyIsImZlYXR1cmUiOiJXZWJYUkdhbWVwYWRTdXBwb3J0IiwiZXhwaXJ5IjoxNTQ2ODgzMDE4fQ==">
														
 
															 		<style>
														
 
															 			body {
														
 
															 				font-family: Monospace;
														
--- a/examples/webvr_lorenzattractor.html
+++ b/examples/webvr_lorenzattractor.html
@@ -4,12 +4,10 @@
 
															 		<title>three.js webvr - lorenz attractor</title>
														
 
															 		<meta charset="utf-8">
														
 
															 		<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
														
 
															-		<!-- Origin Trial Token, feature = WebVR (For Chrome M62+), origin = https://threejs.org, expires = 2018-09-11 -->
														
 
															-		<meta http-equiv="origin-trial" data-feature="WebVR (For Chrome M62+)" data-expires="2018-09-11" content="AqhFUYKxq/d+E8CDT0fuYRCg8TvlTP52x0Jv7I9t27sLhR30LmcahBRfSwzP89ukjs2+ia99VrrLoRyaFAwJVA0AAABQeyJvcmlnaW4iOiJodHRwczovL3RocmVlanMub3JnOjQ0MyIsImZlYXR1cmUiOiJXZWJWUjEuMU02MiIsImV4cGlyeSI6MTUzNjYyNDAwMH0=">
														
 
															-		<!-- Origin Trial Token, feature = WebXR Device API (For Chrome M69+), origin = https://threejs.org, expires = 2018-12-02 -->
														
 
															-		<meta http-equiv="origin-trial" data-feature="WebXR Device API (For Chrome M69+)" data-expires="2018-12-02" content="Ah46myef4Ax/+fcLtkeotXmIqnvun4lg4bYbHVttuJvbsWiE4oacrvroId7hbCEb4/byxFHIO6+uwq4pwr6RfQkAAABTeyJvcmlnaW4iOiJodHRwczovL3RocmVlanMub3JnOjQ0MyIsImZlYXR1cmUiOiJXZWJYUkRldmljZU02OSIsImV4cGlyeSI6MTU0Mzc1ODIyNn0=">
														
 
															-		<!-- Origin Trial Token, feature = WebXR Gamepad Support, origin = https://threejs.org, expires = 2018-12-02 -->
														
 
															-		<meta http-equiv="origin-trial" data-feature="WebXR Gamepad Support" data-expires="2018-12-02" content="AqI9LIanbGxr/HoTOsYCUNxG82Vy94NZbjhv83R+bF+5NX2jiZOaf7ny+mFoTUP5wrWpYlPjQ6+HeVas9f1lRwYAAABYeyJvcmlnaW4iOiJodHRwczovL3RocmVlanMub3JnOjQ0MyIsImZlYXR1cmUiOiJXZWJYUkdhbWVwYWRTdXBwb3J0IiwiZXhwaXJ5IjoxNTQzNzU4MjI2fQ==">
														
 
															+		<!-- Origin Trial Token, feature = WebXR Device API (For Chrome M69+), origin = https://threejs.org, expires = 2019-01-07 -->
														
 
															+		<meta http-equiv="origin-trial" data-feature="WebXR Device API (For Chrome M69+)" data-expires="2019-01-07" content="ArPzyYNrUDiXsGOh647Ya7MtVUA1nM+WFMnPWu7eoF2nQHOP6mTATIbiv0w+k2kFaPofZG/04ZEQdsACq4IA0wQAAABTeyJvcmlnaW4iOiJodHRwczovL3RocmVlanMub3JnOjQ0MyIsImZlYXR1cmUiOiJXZWJYUkRldmljZU02OSIsImV4cGlyeSI6MTU0Njg4MzAxOH0=">
														
 
															+		<!-- Origin Trial Token, feature = WebXR Gamepad Support, origin = https://threejs.org, expires = 2019-01-07 -->
														
 
															+		<meta http-equiv="origin-trial" data-feature="WebXR Gamepad Support" data-expires="2019-01-07" content="Av16a8LVXasKVQV9j3u0OlXdTfz5O9qDqhROyL5Up6R3sdOPbtFuc6n6o5DHitwnb5VdirH0GyvROwvz8xxd0AkAAABYeyJvcmlnaW4iOiJodHRwczovL3RocmVlanMub3JnOjQ0MyIsImZlYXR1cmUiOiJXZWJYUkdhbWVwYWRTdXBwb3J0IiwiZXhwaXJ5IjoxNTQ2ODgzMDE4fQ==">
														
 
															 		<style>
														
 
															 			body {
														
 
															 				margin: 0px;
														
--- a/examples/webvr_paint.html
+++ b/examples/webvr_paint.html
@@ -4,12 +4,10 @@
 
															 		<title>three.js webvr - paint</title>
														
 
															 		<meta charset="utf-8">
														
 
															 		<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
														
 
															-		<!-- Origin Trial Token, feature = WebVR (For Chrome M62+), origin = https://threejs.org, expires = 2018-09-11 -->
														
 
															-		<meta http-equiv="origin-trial" data-feature="WebVR (For Chrome M62+)" data-expires="2018-09-11" content="AqhFUYKxq/d+E8CDT0fuYRCg8TvlTP52x0Jv7I9t27sLhR30LmcahBRfSwzP89ukjs2+ia99VrrLoRyaFAwJVA0AAABQeyJvcmlnaW4iOiJodHRwczovL3RocmVlanMub3JnOjQ0MyIsImZlYXR1cmUiOiJXZWJWUjEuMU02MiIsImV4cGlyeSI6MTUzNjYyNDAwMH0=">
														
 
															-		<!-- Origin Trial Token, feature = WebXR Device API (For Chrome M69+), origin = https://threejs.org, expires = 2018-12-02 -->
														
 
															-		<meta http-equiv="origin-trial" data-feature="WebXR Device API (For Chrome M69+)" data-expires="2018-12-02" content="Ah46myef4Ax/+fcLtkeotXmIqnvun4lg4bYbHVttuJvbsWiE4oacrvroId7hbCEb4/byxFHIO6+uwq4pwr6RfQkAAABTeyJvcmlnaW4iOiJodHRwczovL3RocmVlanMub3JnOjQ0MyIsImZlYXR1cmUiOiJXZWJYUkRldmljZU02OSIsImV4cGlyeSI6MTU0Mzc1ODIyNn0=">
														
 
															-		<!-- Origin Trial Token, feature = WebXR Gamepad Support, origin = https://threejs.org, expires = 2018-12-02 -->
														
 
															-		<meta http-equiv="origin-trial" data-feature="WebXR Gamepad Support" data-expires="2018-12-02" content="AqI9LIanbGxr/HoTOsYCUNxG82Vy94NZbjhv83R+bF+5NX2jiZOaf7ny+mFoTUP5wrWpYlPjQ6+HeVas9f1lRwYAAABYeyJvcmlnaW4iOiJodHRwczovL3RocmVlanMub3JnOjQ0MyIsImZlYXR1cmUiOiJXZWJYUkdhbWVwYWRTdXBwb3J0IiwiZXhwaXJ5IjoxNTQzNzU4MjI2fQ==">
														
 
															+		<!-- Origin Trial Token, feature = WebXR Device API (For Chrome M69+), origin = https://threejs.org, expires = 2019-01-07 -->
														
 
															+		<meta http-equiv="origin-trial" data-feature="WebXR Device API (For Chrome M69+)" data-expires="2019-01-07" content="ArPzyYNrUDiXsGOh647Ya7MtVUA1nM+WFMnPWu7eoF2nQHOP6mTATIbiv0w+k2kFaPofZG/04ZEQdsACq4IA0wQAAABTeyJvcmlnaW4iOiJodHRwczovL3RocmVlanMub3JnOjQ0MyIsImZlYXR1cmUiOiJXZWJYUkRldmljZU02OSIsImV4cGlyeSI6MTU0Njg4MzAxOH0=">
														
 
															+		<!-- Origin Trial Token, feature = WebXR Gamepad Support, origin = https://threejs.org, expires = 2019-01-07 -->
														
 
															+		<meta http-equiv="origin-trial" data-feature="WebXR Gamepad Support" data-expires="2019-01-07" content="Av16a8LVXasKVQV9j3u0OlXdTfz5O9qDqhROyL5Up6R3sdOPbtFuc6n6o5DHitwnb5VdirH0GyvROwvz8xxd0AkAAABYeyJvcmlnaW4iOiJodHRwczovL3RocmVlanMub3JnOjQ0MyIsImZlYXR1cmUiOiJXZWJYUkdhbWVwYWRTdXBwb3J0IiwiZXhwaXJ5IjoxNTQ2ODgzMDE4fQ==">
														
 
															 		<style>
														
 
															 			body {
														
 
															 				font-family: Monospace;
														
--- a/examples/webvr_panorama.html
+++ b/examples/webvr_panorama.html
@@ -4,12 +4,10 @@
 
															 		<title>three.js webvr - panorama</title>
														
 
															 		<meta charset="utf-8">
														
 
															 		<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
														
 
															-		<!-- Origin Trial Token, feature = WebVR (For Chrome M62+), origin = https://threejs.org, expires = 2018-09-11 -->
														
 
															-		<meta http-equiv="origin-trial" data-feature="WebVR (For Chrome M62+)" data-expires="2018-09-11" content="AqhFUYKxq/d+E8CDT0fuYRCg8TvlTP52x0Jv7I9t27sLhR30LmcahBRfSwzP89ukjs2+ia99VrrLoRyaFAwJVA0AAABQeyJvcmlnaW4iOiJodHRwczovL3RocmVlanMub3JnOjQ0MyIsImZlYXR1cmUiOiJXZWJWUjEuMU02MiIsImV4cGlyeSI6MTUzNjYyNDAwMH0=">
														
 
															-		<!-- Origin Trial Token, feature = WebXR Device API (For Chrome M69+), origin = https://threejs.org, expires = 2018-12-02 -->
														
 
															-		<meta http-equiv="origin-trial" data-feature="WebXR Device API (For Chrome M69+)" data-expires="2018-12-02" content="Ah46myef4Ax/+fcLtkeotXmIqnvun4lg4bYbHVttuJvbsWiE4oacrvroId7hbCEb4/byxFHIO6+uwq4pwr6RfQkAAABTeyJvcmlnaW4iOiJodHRwczovL3RocmVlanMub3JnOjQ0MyIsImZlYXR1cmUiOiJXZWJYUkRldmljZU02OSIsImV4cGlyeSI6MTU0Mzc1ODIyNn0=">
														
 
															-		<!-- Origin Trial Token, feature = WebXR Gamepad Support, origin = https://threejs.org, expires = 2018-12-02 -->
														
 
															-		<meta http-equiv="origin-trial" data-feature="WebXR Gamepad Support" data-expires="2018-12-02" content="AqI9LIanbGxr/HoTOsYCUNxG82Vy94NZbjhv83R+bF+5NX2jiZOaf7ny+mFoTUP5wrWpYlPjQ6+HeVas9f1lRwYAAABYeyJvcmlnaW4iOiJodHRwczovL3RocmVlanMub3JnOjQ0MyIsImZlYXR1cmUiOiJXZWJYUkdhbWVwYWRTdXBwb3J0IiwiZXhwaXJ5IjoxNTQzNzU4MjI2fQ==">
														
 
															+		<!-- Origin Trial Token, feature = WebXR Device API (For Chrome M69+), origin = https://threejs.org, expires = 2019-01-07 -->
														
 
															+		<meta http-equiv="origin-trial" data-feature="WebXR Device API (For Chrome M69+)" data-expires="2019-01-07" content="ArPzyYNrUDiXsGOh647Ya7MtVUA1nM+WFMnPWu7eoF2nQHOP6mTATIbiv0w+k2kFaPofZG/04ZEQdsACq4IA0wQAAABTeyJvcmlnaW4iOiJodHRwczovL3RocmVlanMub3JnOjQ0MyIsImZlYXR1cmUiOiJXZWJYUkRldmljZU02OSIsImV4cGlyeSI6MTU0Njg4MzAxOH0=">
														
 
															+		<!-- Origin Trial Token, feature = WebXR Gamepad Support, origin = https://threejs.org, expires = 2019-01-07 -->
														
 
															+		<meta http-equiv="origin-trial" data-feature="WebXR Gamepad Support" data-expires="2019-01-07" content="Av16a8LVXasKVQV9j3u0OlXdTfz5O9qDqhROyL5Up6R3sdOPbtFuc6n6o5DHitwnb5VdirH0GyvROwvz8xxd0AkAAABYeyJvcmlnaW4iOiJodHRwczovL3RocmVlanMub3JnOjQ0MyIsImZlYXR1cmUiOiJXZWJYUkdhbWVwYWRTdXBwb3J0IiwiZXhwaXJ5IjoxNTQ2ODgzMDE4fQ==">
														
 
															 		<style>
														
 
															 			html, body {
														
 
															 				background-color: #000;
														
--- a/examples/webvr_rollercoaster.html
+++ b/examples/webvr_rollercoaster.html
@@ -4,12 +4,10 @@
 
															 		<title>three.js webvr - roller coaster</title>
														
 
															 		<meta charset="utf-8">
														
 
															 		<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
														
 
															-		<!-- Origin Trial Token, feature = WebVR (For Chrome M62+), origin = https://threejs.org, expires = 2018-09-11 -->
														
 
															-		<meta http-equiv="origin-trial" data-feature="WebVR (For Chrome M62+)" data-expires="2018-09-11" content="AqhFUYKxq/d+E8CDT0fuYRCg8TvlTP52x0Jv7I9t27sLhR30LmcahBRfSwzP89ukjs2+ia99VrrLoRyaFAwJVA0AAABQeyJvcmlnaW4iOiJodHRwczovL3RocmVlanMub3JnOjQ0MyIsImZlYXR1cmUiOiJXZWJWUjEuMU02MiIsImV4cGlyeSI6MTUzNjYyNDAwMH0=">
														
 
															-		<!-- Origin Trial Token, feature = WebXR Device API (For Chrome M69+), origin = https://threejs.org, expires = 2018-12-02 -->
														
 
															-		<meta http-equiv="origin-trial" data-feature="WebXR Device API (For Chrome M69+)" data-expires="2018-12-02" content="Ah46myef4Ax/+fcLtkeotXmIqnvun4lg4bYbHVttuJvbsWiE4oacrvroId7hbCEb4/byxFHIO6+uwq4pwr6RfQkAAABTeyJvcmlnaW4iOiJodHRwczovL3RocmVlanMub3JnOjQ0MyIsImZlYXR1cmUiOiJXZWJYUkRldmljZU02OSIsImV4cGlyeSI6MTU0Mzc1ODIyNn0=">
														
 
															-		<!-- Origin Trial Token, feature = WebXR Gamepad Support, origin = https://threejs.org, expires = 2018-12-02 -->
														
 
															-		<meta http-equiv="origin-trial" data-feature="WebXR Gamepad Support" data-expires="2018-12-02" content="AqI9LIanbGxr/HoTOsYCUNxG82Vy94NZbjhv83R+bF+5NX2jiZOaf7ny+mFoTUP5wrWpYlPjQ6+HeVas9f1lRwYAAABYeyJvcmlnaW4iOiJodHRwczovL3RocmVlanMub3JnOjQ0MyIsImZlYXR1cmUiOiJXZWJYUkdhbWVwYWRTdXBwb3J0IiwiZXhwaXJ5IjoxNTQzNzU4MjI2fQ==">
														
 
															+		<!-- Origin Trial Token, feature = WebXR Device API (For Chrome M69+), origin = https://threejs.org, expires = 2019-01-07 -->
														
 
															+		<meta http-equiv="origin-trial" data-feature="WebXR Device API (For Chrome M69+)" data-expires="2019-01-07" content="ArPzyYNrUDiXsGOh647Ya7MtVUA1nM+WFMnPWu7eoF2nQHOP6mTATIbiv0w+k2kFaPofZG/04ZEQdsACq4IA0wQAAABTeyJvcmlnaW4iOiJodHRwczovL3RocmVlanMub3JnOjQ0MyIsImZlYXR1cmUiOiJXZWJYUkRldmljZU02OSIsImV4cGlyeSI6MTU0Njg4MzAxOH0=">
														
 
															+		<!-- Origin Trial Token, feature = WebXR Gamepad Support, origin = https://threejs.org, expires = 2019-01-07 -->
														
 
															+		<meta http-equiv="origin-trial" data-feature="WebXR Gamepad Support" data-expires="2019-01-07" content="Av16a8LVXasKVQV9j3u0OlXdTfz5O9qDqhROyL5Up6R3sdOPbtFuc6n6o5DHitwnb5VdirH0GyvROwvz8xxd0AkAAABYeyJvcmlnaW4iOiJodHRwczovL3RocmVlanMub3JnOjQ0MyIsImZlYXR1cmUiOiJXZWJYUkdhbWVwYWRTdXBwb3J0IiwiZXhwaXJ5IjoxNTQ2ODgzMDE4fQ==">
														
 
															 		<style>
														
 
															 			body {
														
 
															 				margin: 0px;
														
--- a/examples/webvr_sandbox.html
+++ b/examples/webvr_sandbox.html
@@ -4,12 +4,10 @@
 
															 		<title>three.js webvr - sandbox</title>
														
 
															 		<meta charset="utf-8">
														
 
															 		<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
														
 
															-		<!-- Origin Trial Token, feature = WebVR (For Chrome M62+), origin = https://threejs.org, expires = 2018-09-11 -->
														
 
															-		<meta http-equiv="origin-trial" data-feature="WebVR (For Chrome M62+)" data-expires="2018-09-11" content="AqhFUYKxq/d+E8CDT0fuYRCg8TvlTP52x0Jv7I9t27sLhR30LmcahBRfSwzP89ukjs2+ia99VrrLoRyaFAwJVA0AAABQeyJvcmlnaW4iOiJodHRwczovL3RocmVlanMub3JnOjQ0MyIsImZlYXR1cmUiOiJXZWJWUjEuMU02MiIsImV4cGlyeSI6MTUzNjYyNDAwMH0=">
														
 
															-		<!-- Origin Trial Token, feature = WebXR Device API (For Chrome M69+), origin = https://threejs.org, expires = 2018-12-02 -->
														
 
															-		<meta http-equiv="origin-trial" data-feature="WebXR Device API (For Chrome M69+)" data-expires="2018-12-02" content="Ah46myef4Ax/+fcLtkeotXmIqnvun4lg4bYbHVttuJvbsWiE4oacrvroId7hbCEb4/byxFHIO6+uwq4pwr6RfQkAAABTeyJvcmlnaW4iOiJodHRwczovL3RocmVlanMub3JnOjQ0MyIsImZlYXR1cmUiOiJXZWJYUkRldmljZU02OSIsImV4cGlyeSI6MTU0Mzc1ODIyNn0=">
														
 
															-		<!-- Origin Trial Token, feature = WebXR Gamepad Support, origin = https://threejs.org, expires = 2018-12-02 -->
														
 
															-		<meta http-equiv="origin-trial" data-feature="WebXR Gamepad Support" data-expires="2018-12-02" content="AqI9LIanbGxr/HoTOsYCUNxG82Vy94NZbjhv83R+bF+5NX2jiZOaf7ny+mFoTUP5wrWpYlPjQ6+HeVas9f1lRwYAAABYeyJvcmlnaW4iOiJodHRwczovL3RocmVlanMub3JnOjQ0MyIsImZlYXR1cmUiOiJXZWJYUkdhbWVwYWRTdXBwb3J0IiwiZXhwaXJ5IjoxNTQzNzU4MjI2fQ==">
														
 
															+		<!-- Origin Trial Token, feature = WebXR Device API (For Chrome M69+), origin = https://threejs.org, expires = 2019-01-07 -->
														
 
															+		<meta http-equiv="origin-trial" data-feature="WebXR Device API (For Chrome M69+)" data-expires="2019-01-07" content="ArPzyYNrUDiXsGOh647Ya7MtVUA1nM+WFMnPWu7eoF2nQHOP6mTATIbiv0w+k2kFaPofZG/04ZEQdsACq4IA0wQAAABTeyJvcmlnaW4iOiJodHRwczovL3RocmVlanMub3JnOjQ0MyIsImZlYXR1cmUiOiJXZWJYUkRldmljZU02OSIsImV4cGlyeSI6MTU0Njg4MzAxOH0=">
														
 
															+		<!-- Origin Trial Token, feature = WebXR Gamepad Support, origin = https://threejs.org, expires = 2019-01-07 -->
														
 
															+		<meta http-equiv="origin-trial" data-feature="WebXR Gamepad Support" data-expires="2019-01-07" content="Av16a8LVXasKVQV9j3u0OlXdTfz5O9qDqhROyL5Up6R3sdOPbtFuc6n6o5DHitwnb5VdirH0GyvROwvz8xxd0AkAAABYeyJvcmlnaW4iOiJodHRwczovL3RocmVlanMub3JnOjQ0MyIsImZlYXR1cmUiOiJXZWJYUkdhbWVwYWRTdXBwb3J0IiwiZXhwaXJ5IjoxNTQ2ODgzMDE4fQ==">
														
 
															 		<style>
														
 
															 			body {
														
 
															 				margin: 0px;
														
--- a/examples/webvr_sculpt.html
+++ b/examples/webvr_sculpt.html
@@ -4,12 +4,10 @@
 
															 		<title>three.js webvr - sculpt</title>
														
 
															 		<meta charset="utf-8">
														
 
															 		<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
														
 
															-		<!-- Origin Trial Token, feature = WebVR (For Chrome M62+), origin = https://threejs.org, expires = 2018-09-11 -->
														
 
															-		<meta http-equiv="origin-trial" data-feature="WebVR (For Chrome M62+)" data-expires="2018-09-11" content="AqhFUYKxq/d+E8CDT0fuYRCg8TvlTP52x0Jv7I9t27sLhR30LmcahBRfSwzP89ukjs2+ia99VrrLoRyaFAwJVA0AAABQeyJvcmlnaW4iOiJodHRwczovL3RocmVlanMub3JnOjQ0MyIsImZlYXR1cmUiOiJXZWJWUjEuMU02MiIsImV4cGlyeSI6MTUzNjYyNDAwMH0=">
														
 
															-		<!-- Origin Trial Token, feature = WebXR Device API (For Chrome M69+), origin = https://threejs.org, expires = 2018-12-02 -->
														
 
															-		<meta http-equiv="origin-trial" data-feature="WebXR Device API (For Chrome M69+)" data-expires="2018-12-02" content="Ah46myef4Ax/+fcLtkeotXmIqnvun4lg4bYbHVttuJvbsWiE4oacrvroId7hbCEb4/byxFHIO6+uwq4pwr6RfQkAAABTeyJvcmlnaW4iOiJodHRwczovL3RocmVlanMub3JnOjQ0MyIsImZlYXR1cmUiOiJXZWJYUkRldmljZU02OSIsImV4cGlyeSI6MTU0Mzc1ODIyNn0=">
														
 
															-		<!-- Origin Trial Token, feature = WebXR Gamepad Support, origin = https://threejs.org, expires = 2018-12-02 -->
														
 
															-		<meta http-equiv="origin-trial" data-feature="WebXR Gamepad Support" data-expires="2018-12-02" content="AqI9LIanbGxr/HoTOsYCUNxG82Vy94NZbjhv83R+bF+5NX2jiZOaf7ny+mFoTUP5wrWpYlPjQ6+HeVas9f1lRwYAAABYeyJvcmlnaW4iOiJodHRwczovL3RocmVlanMub3JnOjQ0MyIsImZlYXR1cmUiOiJXZWJYUkdhbWVwYWRTdXBwb3J0IiwiZXhwaXJ5IjoxNTQzNzU4MjI2fQ==">
														
 
															+		<!-- Origin Trial Token, feature = WebXR Device API (For Chrome M69+), origin = https://threejs.org, expires = 2019-01-07 -->
														
 
															+		<meta http-equiv="origin-trial" data-feature="WebXR Device API (For Chrome M69+)" data-expires="2019-01-07" content="ArPzyYNrUDiXsGOh647Ya7MtVUA1nM+WFMnPWu7eoF2nQHOP6mTATIbiv0w+k2kFaPofZG/04ZEQdsACq4IA0wQAAABTeyJvcmlnaW4iOiJodHRwczovL3RocmVlanMub3JnOjQ0MyIsImZlYXR1cmUiOiJXZWJYUkRldmljZU02OSIsImV4cGlyeSI6MTU0Njg4MzAxOH0=">
														
 
															+		<!-- Origin Trial Token, feature = WebXR Gamepad Support, origin = https://threejs.org, expires = 2019-01-07 -->
														
 
															+		<meta http-equiv="origin-trial" data-feature="WebXR Gamepad Support" data-expires="2019-01-07" content="Av16a8LVXasKVQV9j3u0OlXdTfz5O9qDqhROyL5Up6R3sdOPbtFuc6n6o5DHitwnb5VdirH0GyvROwvz8xxd0AkAAABYeyJvcmlnaW4iOiJodHRwczovL3RocmVlanMub3JnOjQ0MyIsImZlYXR1cmUiOiJXZWJYUkdhbWVwYWRTdXBwb3J0IiwiZXhwaXJ5IjoxNTQ2ODgzMDE4fQ==">
														
 
															 		<style>
														
 
															 			body {
														
 
															 				font-family: Monospace;
														
--- a/examples/webvr_video.html
+++ b/examples/webvr_video.html
@@ -4,12 +4,10 @@
 
															 		<title>three.js webvr - 360 stereo video</title>
														
 
															 		<meta charset="utf-8">
														
 
															 		<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
														
 
															-		<!-- Origin Trial Token, feature = WebVR (For Chrome M62+), origin = https://threejs.org, expires = 2018-09-11 -->
														
 
															-		<meta http-equiv="origin-trial" data-feature="WebVR (For Chrome M62+)" data-expires="2018-09-11" content="AqhFUYKxq/d+E8CDT0fuYRCg8TvlTP52x0Jv7I9t27sLhR30LmcahBRfSwzP89ukjs2+ia99VrrLoRyaFAwJVA0AAABQeyJvcmlnaW4iOiJodHRwczovL3RocmVlanMub3JnOjQ0MyIsImZlYXR1cmUiOiJXZWJWUjEuMU02MiIsImV4cGlyeSI6MTUzNjYyNDAwMH0=">
														
 
															-		<!-- Origin Trial Token, feature = WebXR Device API (For Chrome M69+), origin = https://threejs.org, expires = 2018-12-02 -->
														
 
															-		<meta http-equiv="origin-trial" data-feature="WebXR Device API (For Chrome M69+)" data-expires="2018-12-02" content="Ah46myef4Ax/+fcLtkeotXmIqnvun4lg4bYbHVttuJvbsWiE4oacrvroId7hbCEb4/byxFHIO6+uwq4pwr6RfQkAAABTeyJvcmlnaW4iOiJodHRwczovL3RocmVlanMub3JnOjQ0MyIsImZlYXR1cmUiOiJXZWJYUkRldmljZU02OSIsImV4cGlyeSI6MTU0Mzc1ODIyNn0=">
														
 
															-		<!-- Origin Trial Token, feature = WebXR Gamepad Support, origin = https://threejs.org, expires = 2018-12-02 -->
														
 
															-		<meta http-equiv="origin-trial" data-feature="WebXR Gamepad Support" data-expires="2018-12-02" content="AqI9LIanbGxr/HoTOsYCUNxG82Vy94NZbjhv83R+bF+5NX2jiZOaf7ny+mFoTUP5wrWpYlPjQ6+HeVas9f1lRwYAAABYeyJvcmlnaW4iOiJodHRwczovL3RocmVlanMub3JnOjQ0MyIsImZlYXR1cmUiOiJXZWJYUkdhbWVwYWRTdXBwb3J0IiwiZXhwaXJ5IjoxNTQzNzU4MjI2fQ==">
														
 
															+		<!-- Origin Trial Token, feature = WebXR Device API (For Chrome M69+), origin = https://threejs.org, expires = 2019-01-07 -->
														
 
															+		<meta http-equiv="origin-trial" data-feature="WebXR Device API (For Chrome M69+)" data-expires="2019-01-07" content="ArPzyYNrUDiXsGOh647Ya7MtVUA1nM+WFMnPWu7eoF2nQHOP6mTATIbiv0w+k2kFaPofZG/04ZEQdsACq4IA0wQAAABTeyJvcmlnaW4iOiJodHRwczovL3RocmVlanMub3JnOjQ0MyIsImZlYXR1cmUiOiJXZWJYUkRldmljZU02OSIsImV4cGlyeSI6MTU0Njg4MzAxOH0=">
														
 
															+		<!-- Origin Trial Token, feature = WebXR Gamepad Support, origin = https://threejs.org, expires = 2019-01-07 -->
														
 
															+		<meta http-equiv="origin-trial" data-feature="WebXR Gamepad Support" data-expires="2019-01-07" content="Av16a8LVXasKVQV9j3u0OlXdTfz5O9qDqhROyL5Up6R3sdOPbtFuc6n6o5DHitwnb5VdirH0GyvROwvz8xxd0AkAAABYeyJvcmlnaW4iOiJodHRwczovL3RocmVlanMub3JnOjQ0MyIsImZlYXR1cmUiOiJXZWJYUkdhbWVwYWRTdXBwb3J0IiwiZXhwaXJ5IjoxNTQ2ODgzMDE4fQ==">
														
 
															 		<style>
														
 
															 			body {
														
 
															 				font-family: Monospace;
														
--- a/examples/webvr_vive_paint.html
+++ b/examples/webvr_vive_paint.html
@@ -4,12 +4,10 @@
 
															 		<title>three.js webvr - htc vive - paint</title>
														
 
															 		<meta charset="utf-8">
														
 
															 		<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
														
 
															-		<!-- Origin Trial Token, feature = WebVR (For Chrome M62+), origin = https://threejs.org, expires = 2018-09-11 -->
														
 
															-		<meta http-equiv="origin-trial" data-feature="WebVR (For Chrome M62+)" data-expires="2018-09-11" content="AqhFUYKxq/d+E8CDT0fuYRCg8TvlTP52x0Jv7I9t27sLhR30LmcahBRfSwzP89ukjs2+ia99VrrLoRyaFAwJVA0AAABQeyJvcmlnaW4iOiJodHRwczovL3RocmVlanMub3JnOjQ0MyIsImZlYXR1cmUiOiJXZWJWUjEuMU02MiIsImV4cGlyeSI6MTUzNjYyNDAwMH0=">
														
 
															-		<!-- Origin Trial Token, feature = WebXR Device API (For Chrome M69+), origin = https://threejs.org, expires = 2018-12-02 -->
														
 
															-		<meta http-equiv="origin-trial" data-feature="WebXR Device API (For Chrome M69+)" data-expires="2018-12-02" content="Ah46myef4Ax/+fcLtkeotXmIqnvun4lg4bYbHVttuJvbsWiE4oacrvroId7hbCEb4/byxFHIO6+uwq4pwr6RfQkAAABTeyJvcmlnaW4iOiJodHRwczovL3RocmVlanMub3JnOjQ0MyIsImZlYXR1cmUiOiJXZWJYUkRldmljZU02OSIsImV4cGlyeSI6MTU0Mzc1ODIyNn0=">
														
 
															-		<!-- Origin Trial Token, feature = WebXR Gamepad Support, origin = https://threejs.org, expires = 2018-12-02 -->
														
 
															-		<meta http-equiv="origin-trial" data-feature="WebXR Gamepad Support" data-expires="2018-12-02" content="AqI9LIanbGxr/HoTOsYCUNxG82Vy94NZbjhv83R+bF+5NX2jiZOaf7ny+mFoTUP5wrWpYlPjQ6+HeVas9f1lRwYAAABYeyJvcmlnaW4iOiJodHRwczovL3RocmVlanMub3JnOjQ0MyIsImZlYXR1cmUiOiJXZWJYUkdhbWVwYWRTdXBwb3J0IiwiZXhwaXJ5IjoxNTQzNzU4MjI2fQ==">
														
 
															+		<!-- Origin Trial Token, feature = WebXR Device API (For Chrome M69+), origin = https://threejs.org, expires = 2019-01-07 -->
														
 
															+		<meta http-equiv="origin-trial" data-feature="WebXR Device API (For Chrome M69+)" data-expires="2019-01-07" content="ArPzyYNrUDiXsGOh647Ya7MtVUA1nM+WFMnPWu7eoF2nQHOP6mTATIbiv0w+k2kFaPofZG/04ZEQdsACq4IA0wQAAABTeyJvcmlnaW4iOiJodHRwczovL3RocmVlanMub3JnOjQ0MyIsImZlYXR1cmUiOiJXZWJYUkRldmljZU02OSIsImV4cGlyeSI6MTU0Njg4MzAxOH0=">
														
 
															+		<!-- Origin Trial Token, feature = WebXR Gamepad Support, origin = https://threejs.org, expires = 2019-01-07 -->
														
 
															+		<meta http-equiv="origin-trial" data-feature="WebXR Gamepad Support" data-expires="2019-01-07" content="Av16a8LVXasKVQV9j3u0OlXdTfz5O9qDqhROyL5Up6R3sdOPbtFuc6n6o5DHitwnb5VdirH0GyvROwvz8xxd0AkAAABYeyJvcmlnaW4iOiJodHRwczovL3RocmVlanMub3JnOjQ0MyIsImZlYXR1cmUiOiJXZWJYUkdhbWVwYWRTdXBwb3J0IiwiZXhwaXJ5IjoxNTQ2ODgzMDE4fQ==">
														
 
															 		<style>
														
 
															 			body {
														
 
															 				font-family: Monospace;
														
--- a/examples/webvr_vive_sculpt.html
+++ b/examples/webvr_vive_sculpt.html
@@ -4,12 +4,10 @@
 
															 		<title>three.js webvr - htc vive - sculpt</title>
														
 
															 		<meta charset="utf-8">
														
 
															 		<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
														
 
															-		<!-- Origin Trial Token, feature = WebVR (For Chrome M62+), origin = https://threejs.org, expires = 2018-09-11 -->
														
 
															-		<meta http-equiv="origin-trial" data-feature="WebVR (For Chrome M62+)" data-expires="2018-09-11" content="AqhFUYKxq/d+E8CDT0fuYRCg8TvlTP52x0Jv7I9t27sLhR30LmcahBRfSwzP89ukjs2+ia99VrrLoRyaFAwJVA0AAABQeyJvcmlnaW4iOiJodHRwczovL3RocmVlanMub3JnOjQ0MyIsImZlYXR1cmUiOiJXZWJWUjEuMU02MiIsImV4cGlyeSI6MTUzNjYyNDAwMH0=">
														
 
															-		<!-- Origin Trial Token, feature = WebXR Device API (For Chrome M69+), origin = https://threejs.org, expires = 2018-12-02 -->
														
 
															-		<meta http-equiv="origin-trial" data-feature="WebXR Device API (For Chrome M69+)" data-expires="2018-12-02" content="Ah46myef4Ax/+fcLtkeotXmIqnvun4lg4bYbHVttuJvbsWiE4oacrvroId7hbCEb4/byxFHIO6+uwq4pwr6RfQkAAABTeyJvcmlnaW4iOiJodHRwczovL3RocmVlanMub3JnOjQ0MyIsImZlYXR1cmUiOiJXZWJYUkRldmljZU02OSIsImV4cGlyeSI6MTU0Mzc1ODIyNn0=">
														
 
															-		<!-- Origin Trial Token, feature = WebXR Gamepad Support, origin = https://threejs.org, expires = 2018-12-02 -->
														
 
															-		<meta http-equiv="origin-trial" data-feature="WebXR Gamepad Support" data-expires="2018-12-02" content="AqI9LIanbGxr/HoTOsYCUNxG82Vy94NZbjhv83R+bF+5NX2jiZOaf7ny+mFoTUP5wrWpYlPjQ6+HeVas9f1lRwYAAABYeyJvcmlnaW4iOiJodHRwczovL3RocmVlanMub3JnOjQ0MyIsImZlYXR1cmUiOiJXZWJYUkdhbWVwYWRTdXBwb3J0IiwiZXhwaXJ5IjoxNTQzNzU4MjI2fQ==">
														
 
															+		<!-- Origin Trial Token, feature = WebXR Device API (For Chrome M69+), origin = https://threejs.org, expires = 2019-01-07 -->
														
 
															+		<meta http-equiv="origin-trial" data-feature="WebXR Device API (For Chrome M69+)" data-expires="2019-01-07" content="ArPzyYNrUDiXsGOh647Ya7MtVUA1nM+WFMnPWu7eoF2nQHOP6mTATIbiv0w+k2kFaPofZG/04ZEQdsACq4IA0wQAAABTeyJvcmlnaW4iOiJodHRwczovL3RocmVlanMub3JnOjQ0MyIsImZlYXR1cmUiOiJXZWJYUkRldmljZU02OSIsImV4cGlyeSI6MTU0Njg4MzAxOH0=">
														
 
															+		<!-- Origin Trial Token, feature = WebXR Gamepad Support, origin = https://threejs.org, expires = 2019-01-07 -->
														
 
															+		<meta http-equiv="origin-trial" data-feature="WebXR Gamepad Support" data-expires="2019-01-07" content="Av16a8LVXasKVQV9j3u0OlXdTfz5O9qDqhROyL5Up6R3sdOPbtFuc6n6o5DHitwnb5VdirH0GyvROwvz8xxd0AkAAABYeyJvcmlnaW4iOiJodHRwczovL3RocmVlanMub3JnOjQ0MyIsImZlYXR1cmUiOiJXZWJYUkdhbWVwYWRTdXBwb3J0IiwiZXhwaXJ5IjoxNTQ2ODgzMDE4fQ==">
														
 
															 		<style>
														
 
															 			body {
														
 
															 				font-family: Monospace;
														
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 
															 {
														
 
															   "name": "three",
														
 
															-  "version": "0.98.0",
														
 
															+  "version": "0.99.0",
														
 
															   "description": "JavaScript 3D library",
														
 
															   "main": "build/three.js",
														
 
															   "repository": "mrdoob/three.js",
														
--- a/src/Three.Legacy.js
+++ b/src/Three.Legacy.js
@@ -44,7 +44,6 @@ import { FileLoader } from './loaders/FileLoader.js';
 
															 import { AudioLoader } from './loaders/AudioLoader.js';
														
 
															 import { CubeTextureLoader } from './loaders/CubeTextureLoader.js';
														
 
															 import { DataTextureLoader } from './loaders/DataTextureLoader.js';
														
 
															-import { JSONLoader } from './loaders/JSONLoader.js';
														
 
															 import { ObjectLoader } from './loaders/ObjectLoader.js';
														
 
															 import { TextureLoader } from './loaders/TextureLoader.js';
														
 
															 import { Material } from './materials/Material.js';
														
@@ -71,6 +70,7 @@ import { LOD } from './objects/LOD.js';
 
															 import { Points } from './objects/Points.js';
														
 
															 import { Sprite } from './objects/Sprite.js';
														
 
															 import { Skeleton } from './objects/Skeleton.js';
														
 
															+import { SkinnedMesh } from './objects/SkinnedMesh.js';
														
 
															 import { WebGLRenderer } from './renderers/WebGLRenderer.js';
														
 
															 import { WebGLRenderTarget } from './renderers/WebGLRenderTarget.js';
														
 
															 import { WebGLShadowMap } from './renderers/webgl/WebGLShadowMap.js';
														
@@ -437,17 +437,6 @@ export function BinaryTextureLoader( manager ) {
 
															 }
														
 
															-Object.assign( JSONLoader.prototype, {
														
 
															-
														
 
															-	setTexturePath: function ( value ) {
														
 
															-
														
 
															-		console.warn( 'THREE.JSONLoader: .setTexturePath() has been renamed to .setResourcePath().' );
														
 
															-		return this.setResourcePath( value );
														
 
															-
														
 
															-	}
														
 
															-
														
 
															-} );
														
 
															-
														
 
															 Object.assign( ObjectLoader.prototype, {
														
 
															 	setTexturePath: function ( value ) {
														
@@ -1012,6 +1001,12 @@ Object.defineProperty( Skeleton.prototype, 'useVertexTexture', {
 
															 } );
														
 
															+SkinnedMesh.prototype.initBones = function () {
														
 
															+
														
 
															+	console.error( 'THREE.SkinnedMesh: initBones() has been removed.' );
														
 
															+
														
 
															+};
														
 
															+
														
 
															 Object.defineProperty( Curve.prototype, '__arcLengthDivisions', {
														
 
															 	get: function () {
														
@@ -1893,6 +1888,14 @@ export function CanvasRenderer() {
 
															 //
														
 
															+export function JSONLoader() {
														
 
															+
														
 
															+	console.error( 'THREE.JSONLoader has been removed.' );
														
 
															+
														
 
															+}
														
 
															+
														
 
															+//
														
 
															+
														
 
															 export var SceneUtils = {
														
 
															 	createMultiMaterialObject: function ( /* geometry, materials */ ) {
														
--- a/src/Three.js
+++ b/src/Three.js
@@ -40,7 +40,6 @@ export { ObjectLoader } from './loaders/ObjectLoader.js';
 
															 export { MaterialLoader } from './loaders/MaterialLoader.js';
														
 
															 export { BufferGeometryLoader } from './loaders/BufferGeometryLoader.js';
														
 
															 export { DefaultLoadingManager, LoadingManager } from './loaders/LoadingManager.js';
														
 
															-export { JSONLoader } from './loaders/JSONLoader.js';
														
 
															 export { ImageLoader } from './loaders/ImageLoader.js';
														
 
															 export { ImageBitmapLoader } from './loaders/ImageBitmapLoader.js';
														
 
															 export { FontLoader } from './loaders/FontLoader.js';
														
--- a/src/audio/Audio.js
+++ b/src/audio/Audio.js
@@ -20,6 +20,7 @@ function Audio( listener ) {
 
															 	this.autoplay = false;
														
 
															 	this.buffer = null;
														
 
															+	this.detune = 0;
														
 
															 	this.loop = false;
														
 
															 	this.startTime = 0;
														
 
															 	this.offset = 0;
														
@@ -94,6 +95,7 @@ Audio.prototype = Object.assign( Object.create( Object3D.prototype ), {
 
															 		var source = this.context.createBufferSource();
														
 
															 		source.buffer = this.buffer;
														
 
															+		source.detune.value = this.detune;
														
 
															 		source.loop = this.loop;
														
 
															 		source.onended = this.onEnded.bind( this );
														
 
															 		source.playbackRate.setValueAtTime( this.playbackRate, this.startTime );
														
@@ -222,6 +224,26 @@ Audio.prototype = Object.assign( Object.create( Object3D.prototype ), {
 
															 	},
														
 
															+	setDetune: function ( value ) {
														
 
															+
														
 
															+		this.detune = value;
														
 
															+
														
 
															+		if ( this.isPlaying === true ) {
														
 
															+
														
 
															+			this.source.detune.setTargetAtTime( this.detune, this.context.currentTime, 0.01 );
														
 
															+
														
 
															+		}
														
 
															+
														
 
															+		return this;
														
 
															+
														
 
															+	},
														
 
															+
														
 
															+	getDetune: function () {
														
 
															+
														
 
															+		return this.detune;
														
 
															+
														
 
															+	},
														
 
															+
														
 
															 	getFilter: function () {
														
 
															 		return this.getFilters()[ 0 ];
														
@@ -247,7 +269,7 @@ Audio.prototype = Object.assign( Object.create( Object3D.prototype ), {
 
															 		if ( this.isPlaying === true ) {
														
 
															-			this.source.playbackRate.setValueAtTime( this.playbackRate, this.context.currentTime );
														
 
															+			this.source.playbackRate.setTargetAtTime( this.playbackRate, this.context.currentTime, 0.01 );
														
 
															 		}
														
--- a/src/constants.js
+++ b/src/constants.js
@@ -1,4 +1,4 @@
 
															-export var REVISION = '99dev';
														
 
															+export var REVISION = '99';
														
 
															 export var MOUSE = { LEFT: 0, MIDDLE: 1, RIGHT: 2 };
														
 
															 export var CullFaceNone = 0;
														
 
															 export var CullFaceBack = 1;
														
--- a/src/helpers/SpotLightHelper.js
+++ b/src/helpers/SpotLightHelper.js
@@ -69,7 +69,6 @@ SpotLightHelper.prototype.dispose = function () {
 
															 SpotLightHelper.prototype.update = function () {
														
 
															 	var vector = new Vector3();
														
 
															-	var vector2 = new Vector3();
														
 
															 	return function update() {
														
@@ -80,10 +79,9 @@ SpotLightHelper.prototype.update = function () {
 
															 		this.cone.scale.set( coneWidth, coneWidth, coneLength );
														
 
															-		vector.setFromMatrixPosition( this.light.matrixWorld );
														
 
															-		vector2.setFromMatrixPosition( this.light.target.matrixWorld );
														
 
															+		vector.setFromMatrixPosition( this.light.target.matrixWorld );
														
 
															-		this.cone.lookAt( vector2.sub( vector ) );
														
 
															+		this.cone.lookAt( vector );
														
 
															 		if ( this.color !== undefined ) {
														
--- a/src/loaders/JSONLoader.js
+++ b/src/loaders/JSONLoader.js
@@ -1,587 +0,0 @@
 
															-import { Loader } from './Loader.js';
														
 
															-import { LoaderUtils } from './LoaderUtils.js';
														
 
															-import { AnimationClip } from '../animation/AnimationClip.js';
														
 
															-import { Vector3 } from '../math/Vector3.js';
														
 
															-import { Vector4 } from '../math/Vector4.js';
														
 
															-import { Color } from '../math/Color.js';
														
 
															-import { Vector2 } from '../math/Vector2.js';
														
 
															-import { Face3 } from '../core/Face3.js';
														
 
															-import { Geometry } from '../core/Geometry.js';
														
 
															-import { FileLoader } from './FileLoader.js';
														
 
															-import { DefaultLoadingManager } from './LoadingManager.js';
														
 
															-
														
 
															-/**
														
 
															- * @author mrdoob / http://mrdoob.com/
														
 
															- * @author alteredq / http://alteredqualia.com/
														
 
															- */
														
 
															-
														
 
															-function JSONLoader( manager ) {
														
 
															-
														
 
															-	if ( typeof manager === 'boolean' ) {
														
 
															-
														
 
															-		console.warn( 'THREE.JSONLoader: showStatus parameter has been removed from constructor.' );
														
 
															-		manager = undefined;
														
 
															-
														
 
															-	}
														
 
															-
														
 
															-	this.manager = ( manager !== undefined ) ? manager : DefaultLoadingManager;
														
 
															-
														
 
															-	this.withCredentials = false;
														
 
															-
														
 
															-}
														
 
															-
														
 
															-Object.assign( JSONLoader.prototype, {
														
 
															-
														
 
															-	crossOrigin: 'anonymous',
														
 
															-
														
 
															-	load: function ( url, onLoad, onProgress, onError ) {
														
 
															-
														
 
															-		var scope = this;
														
 
															-
														
 
															-		var path = ( this.path === undefined ) ? LoaderUtils.extractUrlBase( url ) : this.path;
														
 
															-
														
 
															-		var loader = new FileLoader( this.manager );
														
 
															-		loader.setPath( this.path );
														
 
															-		loader.setWithCredentials( this.withCredentials );
														
 
															-		loader.load( url, function ( text ) {
														
 
															-
														
 
															-			var json = JSON.parse( text );
														
 
															-			var metadata = json.metadata;
														
 
															-
														
 
															-			if ( metadata !== undefined ) {
														
 
															-
														
 
															-				var type = metadata.type;
														
 
															-
														
 
															-				if ( type !== undefined ) {
														
 
															-
														
 
															-					if ( type.toLowerCase() === 'object' ) {
														
 
															-
														
 
															-						console.error( 'THREE.JSONLoader: ' + url + ' should be loaded with THREE.ObjectLoader instead.' );
														
 
															-						return;
														
 
															-
														
 
															-					}
														
 
															-
														
 
															-				}
														
 
															-
														
 
															-			}
														
 
															-
														
 
															-			var object = scope.parse( json, path );
														
 
															-			onLoad( object.geometry, object.materials );
														
 
															-
														
 
															-		}, onProgress, onError );
														
 
															-
														
 
															-	},
														
 
															-
														
 
															-	setPath: function ( value ) {
														
 
															-
														
 
															-		this.path = value;
														
 
															-		return this;
														
 
															-
														
 
															-	},
														
 
															-
														
 
															-	setResourcePath: function ( value ) {
														
 
															-
														
 
															-		this.resourcePath = value;
														
 
															-		return this;
														
 
															-
														
 
															-	},
														
 
															-
														
 
															-	setCrossOrigin: function ( value ) {
														
 
															-
														
 
															-		this.crossOrigin = value;
														
 
															-		return this;
														
 
															-
														
 
															-	},
														
 
															-
														
 
															-	parse: ( function () {
														
 
															-
														
 
															-		function parseModel( json, geometry ) {
														
 
															-
														
 
															-			function isBitSet( value, position ) {
														
 
															-
														
 
															-				return value & ( 1 << position );
														
 
															-
														
 
															-			}
														
 
															-
														
 
															-			var i, j, fi,
														
 
															-
														
 
															-				offset, zLength,
														
 
															-
														
 
															-				colorIndex, normalIndex, uvIndex, materialIndex,
														
 
															-
														
 
															-				type,
														
 
															-				isQuad,
														
 
															-				hasMaterial,
														
 
															-				hasFaceVertexUv,
														
 
															-				hasFaceNormal, hasFaceVertexNormal,
														
 
															-				hasFaceColor, hasFaceVertexColor,
														
 
															-
														
 
															-				vertex, face, faceA, faceB, hex, normal,
														
 
															-
														
 
															-				uvLayer, uv, u, v,
														
 
															-
														
 
															-				faces = json.faces,
														
 
															-				vertices = json.vertices,
														
 
															-				normals = json.normals,
														
 
															-				colors = json.colors,
														
 
															-
														
 
															-				scale = json.scale,
														
 
															-
														
 
															-				nUvLayers = 0;
														
 
															-
														
 
															-
														
 
															-			if ( json.uvs !== undefined ) {
														
 
															-
														
 
															-				// disregard empty arrays
														
 
															-
														
 
															-				for ( i = 0; i < json.uvs.length; i ++ ) {
														
 
															-
														
 
															-					if ( json.uvs[ i ].length ) nUvLayers ++;
														
 
															-
														
 
															-				}
														
 
															-
														
 
															-				for ( i = 0; i < nUvLayers; i ++ ) {
														
 
															-
														
 
															-					geometry.faceVertexUvs[ i ] = [];
														
 
															-
														
 
															-				}
														
 
															-
														
 
															-			}
														
 
															-
														
 
															-			offset = 0;
														
 
															-			zLength = vertices.length;
														
 
															-
														
 
															-			while ( offset < zLength ) {
														
 
															-
														
 
															-				vertex = new Vector3();
														
 
															-
														
 
															-				vertex.x = vertices[ offset ++ ] * scale;
														
 
															-				vertex.y = vertices[ offset ++ ] * scale;
														
 
															-				vertex.z = vertices[ offset ++ ] * scale;
														
 
															-
														
 
															-				geometry.vertices.push( vertex );
														
 
															-
														
 
															-			}
														
 
															-
														
 
															-			offset = 0;
														
 
															-			zLength = faces.length;
														
 
															-
														
 
															-			while ( offset < zLength ) {
														
 
															-
														
 
															-				type = faces[ offset ++ ];
														
 
															-
														
 
															-				isQuad = isBitSet( type, 0 );
														
 
															-				hasMaterial = isBitSet( type, 1 );
														
 
															-				hasFaceVertexUv = isBitSet( type, 3 );
														
 
															-				hasFaceNormal = isBitSet( type, 4 );
														
 
															-				hasFaceVertexNormal = isBitSet( type, 5 );
														
 
															-				hasFaceColor = isBitSet( type, 6 );
														
 
															-				hasFaceVertexColor = isBitSet( type, 7 );
														
 
															-
														
 
															-				// console.log("type", type, "bits", isQuad, hasMaterial, hasFaceVertexUv, hasFaceNormal, hasFaceVertexNormal, hasFaceColor, hasFaceVertexColor);
														
 
															-
														
 
															-				if ( isQuad ) {
														
 
															-
														
 
															-					faceA = new Face3();
														
 
															-					faceA.a = faces[ offset ];
														
 
															-					faceA.b = faces[ offset + 1 ];
														
 
															-					faceA.c = faces[ offset + 3 ];
														
 
															-
														
 
															-					faceB = new Face3();
														
 
															-					faceB.a = faces[ offset + 1 ];
														
 
															-					faceB.b = faces[ offset + 2 ];
														
 
															-					faceB.c = faces[ offset + 3 ];
														
 
															-
														
 
															-					offset += 4;
														
 
															-
														
 
															-					if ( hasMaterial ) {
														
 
															-
														
 
															-						materialIndex = faces[ offset ++ ];
														
 
															-						faceA.materialIndex = materialIndex;
														
 
															-						faceB.materialIndex = materialIndex;
														
 
															-
														
 
															-					}
														
 
															-
														
 
															-					// to get face <=> uv index correspondence
														
 
															-
														
 
															-					fi = geometry.faces.length;
														
 
															-
														
 
															-					if ( hasFaceVertexUv ) {
														
 
															-
														
 
															-						for ( i = 0; i < nUvLayers; i ++ ) {
														
 
															-
														
 
															-							uvLayer = json.uvs[ i ];
														
 
															-
														
 
															-							geometry.faceVertexUvs[ i ][ fi ] = [];
														
 
															-							geometry.faceVertexUvs[ i ][ fi + 1 ] = [];
														
 
															-
														
 
															-							for ( j = 0; j < 4; j ++ ) {
														
 
															-
														
 
															-								uvIndex = faces[ offset ++ ];
														
 
															-
														
 
															-								u = uvLayer[ uvIndex * 2 ];
														
 
															-								v = uvLayer[ uvIndex * 2 + 1 ];
														
 
															-
														
 
															-								uv = new Vector2( u, v );
														
 
															-
														
 
															-								if ( j !== 2 ) geometry.faceVertexUvs[ i ][ fi ].push( uv );
														
 
															-								if ( j !== 0 ) geometry.faceVertexUvs[ i ][ fi + 1 ].push( uv );
														
 
															-
														
 
															-							}
														
 
															-
														
 
															-						}
														
 
															-
														
 
															-					}
														
 
															-
														
 
															-					if ( hasFaceNormal ) {
														
 
															-
														
 
															-						normalIndex = faces[ offset ++ ] * 3;
														
 
															-
														
 
															-						faceA.normal.set(
														
 
															-							normals[ normalIndex ++ ],
														
 
															-							normals[ normalIndex ++ ],
														
 
															-							normals[ normalIndex ]
														
 
															-						);
														
 
															-
														
 
															-						faceB.normal.copy( faceA.normal );
														
 
															-
														
 
															-					}
														
 
															-
														
 
															-					if ( hasFaceVertexNormal ) {
														
 
															-
														
 
															-						for ( i = 0; i < 4; i ++ ) {
														
 
															-
														
 
															-							normalIndex = faces[ offset ++ ] * 3;
														
 
															-
														
 
															-							normal = new Vector3(
														
 
															-								normals[ normalIndex ++ ],
														
 
															-								normals[ normalIndex ++ ],
														
 
															-								normals[ normalIndex ]
														
 
															-							);
														
 
															-
														
 
															-
														
 
															-							if ( i !== 2 ) faceA.vertexNormals.push( normal );
														
 
															-							if ( i !== 0 ) faceB.vertexNormals.push( normal );
														
 
															-
														
 
															-						}
														
 
															-
														
 
															-					}
														
 
															-
														
 
															-
														
 
															-					if ( hasFaceColor ) {
														
 
															-
														
 
															-						colorIndex = faces[ offset ++ ];
														
 
															-						hex = colors[ colorIndex ];
														
 
															-
														
 
															-						faceA.color.setHex( hex );
														
 
															-						faceB.color.setHex( hex );
														
 
															-
														
 
															-					}
														
 
															-
														
 
															-
														
 
															-					if ( hasFaceVertexColor ) {
														
 
															-
														
 
															-						for ( i = 0; i < 4; i ++ ) {
														
 
															-
														
 
															-							colorIndex = faces[ offset ++ ];
														
 
															-							hex = colors[ colorIndex ];
														
 
															-
														
 
															-							if ( i !== 2 ) faceA.vertexColors.push( new Color( hex ) );
														
 
															-							if ( i !== 0 ) faceB.vertexColors.push( new Color( hex ) );
														
 
															-
														
 
															-						}
														
 
															-
														
 
															-					}
														
 
															-
														
 
															-					geometry.faces.push( faceA );
														
 
															-					geometry.faces.push( faceB );
														
 
															-
														
 
															-				} else {
														
 
															-
														
 
															-					face = new Face3();
														
 
															-					face.a = faces[ offset ++ ];
														
 
															-					face.b = faces[ offset ++ ];
														
 
															-					face.c = faces[ offset ++ ];
														
 
															-
														
 
															-					if ( hasMaterial ) {
														
 
															-
														
 
															-						materialIndex = faces[ offset ++ ];
														
 
															-						face.materialIndex = materialIndex;
														
 
															-
														
 
															-					}
														
 
															-
														
 
															-					// to get face <=> uv index correspondence
														
 
															-
														
 
															-					fi = geometry.faces.length;
														
 
															-
														
 
															-					if ( hasFaceVertexUv ) {
														
 
															-
														
 
															-						for ( i = 0; i < nUvLayers; i ++ ) {
														
 
															-
														
 
															-							uvLayer = json.uvs[ i ];
														
 
															-
														
 
															-							geometry.faceVertexUvs[ i ][ fi ] = [];
														
 
															-
														
 
															-							for ( j = 0; j < 3; j ++ ) {
														
 
															-
														
 
															-								uvIndex = faces[ offset ++ ];
														
 
															-
														
 
															-								u = uvLayer[ uvIndex * 2 ];
														
 
															-								v = uvLayer[ uvIndex * 2 + 1 ];
														
 
															-
														
 
															-								uv = new Vector2( u, v );
														
 
															-
														
 
															-								geometry.faceVertexUvs[ i ][ fi ].push( uv );
														
 
															-
														
 
															-							}
														
 
															-
														
 
															-						}
														
 
															-
														
 
															-					}
														
 
															-
														
 
															-					if ( hasFaceNormal ) {
														
 
															-
														
 
															-						normalIndex = faces[ offset ++ ] * 3;
														
 
															-
														
 
															-						face.normal.set(
														
 
															-							normals[ normalIndex ++ ],
														
 
															-							normals[ normalIndex ++ ],
														
 
															-							normals[ normalIndex ]
														
 
															-						);
														
 
															-
														
 
															-					}
														
 
															-
														
 
															-					if ( hasFaceVertexNormal ) {
														
 
															-
														
 
															-						for ( i = 0; i < 3; i ++ ) {
														
 
															-
														
 
															-							normalIndex = faces[ offset ++ ] * 3;
														
 
															-
														
 
															-							normal = new Vector3(
														
 
															-								normals[ normalIndex ++ ],
														
 
															-								normals[ normalIndex ++ ],
														
 
															-								normals[ normalIndex ]
														
 
															-							);
														
 
															-
														
 
															-							face.vertexNormals.push( normal );
														
 
															-
														
 
															-						}
														
 
															-
														
 
															-					}
														
 
															-
														
 
															-
														
 
															-					if ( hasFaceColor ) {
														
 
															-
														
 
															-						colorIndex = faces[ offset ++ ];
														
 
															-						face.color.setHex( colors[ colorIndex ] );
														
 
															-
														
 
															-					}
														
 
															-
														
 
															-
														
 
															-					if ( hasFaceVertexColor ) {
														
 
															-
														
 
															-						for ( i = 0; i < 3; i ++ ) {
														
 
															-
														
 
															-							colorIndex = faces[ offset ++ ];
														
 
															-							face.vertexColors.push( new Color( colors[ colorIndex ] ) );
														
 
															-
														
 
															-						}
														
 
															-
														
 
															-					}
														
 
															-
														
 
															-					geometry.faces.push( face );
														
 
															-
														
 
															-				}
														
 
															-
														
 
															-			}
														
 
															-
														
 
															-		}
														
 
															-
														
 
															-		function parseSkin( json, geometry ) {
														
 
															-
														
 
															-			var influencesPerVertex = ( json.influencesPerVertex !== undefined ) ? json.influencesPerVertex : 2;
														
 
															-
														
 
															-			if ( json.skinWeights ) {
														
 
															-
														
 
															-				for ( var i = 0, l = json.skinWeights.length; i < l; i += influencesPerVertex ) {
														
 
															-
														
 
															-					var x = json.skinWeights[ i ];
														
 
															-					var y = ( influencesPerVertex > 1 ) ? json.skinWeights[ i + 1 ] : 0;
														
 
															-					var z = ( influencesPerVertex > 2 ) ? json.skinWeights[ i + 2 ] : 0;
														
 
															-					var w = ( influencesPerVertex > 3 ) ? json.skinWeights[ i + 3 ] : 0;
														
 
															-
														
 
															-					geometry.skinWeights.push( new Vector4( x, y, z, w ) );
														
 
															-
														
 
															-				}
														
 
															-
														
 
															-			}
														
 
															-
														
 
															-			if ( json.skinIndices ) {
														
 
															-
														
 
															-				for ( var i = 0, l = json.skinIndices.length; i < l; i += influencesPerVertex ) {
														
 
															-
														
 
															-					var a = json.skinIndices[ i ];
														
 
															-					var b = ( influencesPerVertex > 1 ) ? json.skinIndices[ i + 1 ] : 0;
														
 
															-					var c = ( influencesPerVertex > 2 ) ? json.skinIndices[ i + 2 ] : 0;
														
 
															-					var d = ( influencesPerVertex > 3 ) ? json.skinIndices[ i + 3 ] : 0;
														
 
															-
														
 
															-					geometry.skinIndices.push( new Vector4( a, b, c, d ) );
														
 
															-
														
 
															-				}
														
 
															-
														
 
															-			}
														
 
															-
														
 
															-			geometry.bones = json.bones;
														
 
															-
														
 
															-			if ( geometry.bones && geometry.bones.length > 0 && ( geometry.skinWeights.length !== geometry.skinIndices.length || geometry.skinIndices.length !== geometry.vertices.length ) ) {
														
 
															-
														
 
															-				console.warn( 'When skinning, number of vertices (' + geometry.vertices.length + '), skinIndices (' +
														
 
															-					geometry.skinIndices.length + '), and skinWeights (' + geometry.skinWeights.length + ') should match.' );
														
 
															-
														
 
															-			}
														
 
															-
														
 
															-		}
														
 
															-
														
 
															-		function parseMorphing( json, geometry ) {
														
 
															-
														
 
															-			var scale = json.scale;
														
 
															-
														
 
															-			if ( json.morphTargets !== undefined ) {
														
 
															-
														
 
															-				for ( var i = 0, l = json.morphTargets.length; i < l; i ++ ) {
														
 
															-
														
 
															-					geometry.morphTargets[ i ] = {};
														
 
															-					geometry.morphTargets[ i ].name = json.morphTargets[ i ].name;
														
 
															-					geometry.morphTargets[ i ].vertices = [];
														
 
															-
														
 
															-					var dstVertices = geometry.morphTargets[ i ].vertices;
														
 
															-					var srcVertices = json.morphTargets[ i ].vertices;
														
 
															-
														
 
															-					for ( var v = 0, vl = srcVertices.length; v < vl; v += 3 ) {
														
 
															-
														
 
															-						var vertex = new Vector3();
														
 
															-						vertex.x = srcVertices[ v ] * scale;
														
 
															-						vertex.y = srcVertices[ v + 1 ] * scale;
														
 
															-						vertex.z = srcVertices[ v + 2 ] * scale;
														
 
															-
														
 
															-						dstVertices.push( vertex );
														
 
															-
														
 
															-					}
														
 
															-
														
 
															-				}
														
 
															-
														
 
															-			}
														
 
															-
														
 
															-			if ( json.morphColors !== undefined && json.morphColors.length > 0 ) {
														
 
															-
														
 
															-				console.warn( 'THREE.JSONLoader: "morphColors" no longer supported. Using them as face colors.' );
														
 
															-
														
 
															-				var faces = geometry.faces;
														
 
															-				var morphColors = json.morphColors[ 0 ].colors;
														
 
															-
														
 
															-				for ( var i = 0, l = faces.length; i < l; i ++ ) {
														
 
															-
														
 
															-					faces[ i ].color.fromArray( morphColors, i * 3 );
														
 
															-
														
 
															-				}
														
 
															-
														
 
															-			}
														
 
															-
														
 
															-		}
														
 
															-
														
 
															-		function parseAnimations( json, geometry ) {
														
 
															-
														
 
															-			var outputAnimations = [];
														
 
															-
														
 
															-			// parse old style Bone/Hierarchy animations
														
 
															-			var animations = [];
														
 
															-
														
 
															-			if ( json.animation !== undefined ) {
														
 
															-
														
 
															-				animations.push( json.animation );
														
 
															-
														
 
															-			}
														
 
															-
														
 
															-			if ( json.animations !== undefined ) {
														
 
															-
														
 
															-				if ( json.animations.length ) {
														
 
															-
														
 
															-					animations = animations.concat( json.animations );
														
 
															-
														
 
															-				} else {
														
 
															-
														
 
															-					animations.push( json.animations );
														
 
															-
														
 
															-				}
														
 
															-
														
 
															-			}
														
 
															-
														
 
															-			for ( var i = 0; i < animations.length; i ++ ) {
														
 
															-
														
 
															-				var clip = AnimationClip.parseAnimation( animations[ i ], geometry.bones );
														
 
															-				if ( clip ) outputAnimations.push( clip );
														
 
															-
														
 
															-			}
														
 
															-
														
 
															-			// parse implicit morph animations
														
 
															-			if ( geometry.morphTargets ) {
														
 
															-
														
 
															-				// TODO: Figure out what an appropraite FPS is for morph target animations -- defaulting to 10, but really it is completely arbitrary.
														
 
															-				var morphAnimationClips = AnimationClip.CreateClipsFromMorphTargetSequences( geometry.morphTargets, 10 );
														
 
															-				outputAnimations = outputAnimations.concat( morphAnimationClips );
														
 
															-
														
 
															-			}
														
 
															-
														
 
															-			if ( outputAnimations.length > 0 ) geometry.animations = outputAnimations;
														
 
															-
														
 
															-		}
														
 
															-
														
 
															-		return function parse( json, path ) {
														
 
															-
														
 
															-			if ( json.data !== undefined ) {
														
 
															-
														
 
															-				// Geometry 4.0 spec
														
 
															-				json = json.data;
														
 
															-
														
 
															-			}
														
 
															-
														
 
															-			if ( json.scale !== undefined ) {
														
 
															-
														
 
															-				json.scale = 1.0 / json.scale;
														
 
															-
														
 
															-			} else {
														
 
															-
														
 
															-				json.scale = 1.0;
														
 
															-
														
 
															-			}
														
 
															-
														
 
															-			var geometry = new Geometry();
														
 
															-
														
 
															-			parseModel( json, geometry );
														
 
															-			parseSkin( json, geometry );
														
 
															-			parseMorphing( json, geometry );
														
 
															-			parseAnimations( json, geometry );
														
 
															-
														
 
															-			geometry.computeFaceNormals();
														
 
															-			geometry.computeBoundingSphere();
														
 
															-
														
 
															-			if ( json.materials === undefined || json.materials.length === 0 ) {
														
 
															-
														
 
															-				return { geometry: geometry };
														
 
															-
														
 
															-			} else {
														
 
															-
														
 
															-				var materials = Loader.prototype.initMaterials( json.materials, this.resourcePath || path, this.crossOrigin );
														
 
															-
														
 
															-				return { geometry: geometry, materials: materials };
														
 
															-
														
 
															-			}
														
 
															-
														
 
															-		};
														
 
															-
														
 
															-	} )()
														
 
															-
														
 
															-} );
														
 
															-
														
 
															-
														
 
															-export { JSONLoader };
														
--- a/src/loaders/ObjectLoader.js
+++ b/src/loaders/ObjectLoader.js
@@ -50,7 +50,6 @@ import { AnimationClip } from '../animation/AnimationClip.js';
 
															 import { MaterialLoader } from './MaterialLoader.js';
														
 
															 import { LoaderUtils } from './LoaderUtils.js';
														
 
															 import { BufferGeometryLoader } from './BufferGeometryLoader.js';
														
 
															-import { JSONLoader } from './JSONLoader.js';
														
 
															 import { FileLoader } from './FileLoader.js';
														
 
															 import * as Geometries from '../geometries/Geometries.js';
														
 
															 import * as Curves from '../extras/curves/Curves.js';
														
@@ -101,7 +100,7 @@ Object.assign( ObjectLoader.prototype, {
 
															 			if ( metadata === undefined || metadata.type === undefined || metadata.type.toLowerCase() === 'geometry' ) {
														
 
															-				console.error( 'THREE.ObjectLoader: Can\'t load ' + url + '. Use THREE.JSONLoader instead.' );
														
 
															+				console.error( 'THREE.ObjectLoader: Can\'t load ' + url );
														
 
															 				return;
														
 
															 			}
														
@@ -191,7 +190,6 @@ Object.assign( ObjectLoader.prototype, {
 
															 		if ( json !== undefined ) {
														
 
															-			var geometryLoader = new JSONLoader();
														
 
															 			var bufferGeometryLoader = new BufferGeometryLoader();
														
 
															 			for ( var i = 0, l = json.length; i < l; i ++ ) {
														
@@ -424,7 +422,17 @@ Object.assign( ObjectLoader.prototype, {
 
															 					case 'Geometry':
														
 
															-						geometry = geometryLoader.parse( data, this.resourcePath ).geometry;
														
 
															+						if ( 'THREE' in window && 'LegacyJSONLoader' in THREE ) {
														
 
															+
														
 
															+							var geometryLoader = new THREE.LegacyJSONLoader();
														
 
															+							geometry = geometryLoader.parse( data, this.resourcePath ).geometry;
														
 
															+
														
 
															+
														
 
															+						} else {
														
 
															+
														
 
															+							console.error( 'THREE.ObjectLoader: You have to import LegacyJSONLoader in order load geometry data of type "Geometry".' );
														
 
															+
														
 
															+						}
														
 
															 						break;
														
--- a/src/materials/MeshMatcapMaterial.js
+++ b/src/materials/MeshMatcapMaterial.js
@@ -68,23 +68,6 @@ function MeshMatcapMaterial( parameters ) {
 
															 	this.setValues( parameters );
														
 
															-	// a matcap is required
														
 
															-
														
 
															-	if ( this.matcap === null ) {
														
 
															-
														
 
															-		var canvas = document.createElementNS( 'http://www.w3.org/1999/xhtml', 'canvas' );
														
 
															-		canvas.width = 1;
														
 
															-		canvas.height = 1;
														
 
															-
														
 
															-		var context = canvas.getContext( '2d' );
														
 
															-
														
 
															-		context.fillStyle = '#fff';
														
 
															-		context.fillRect( 0, 0, 1, 1 );
														
 
															-
														
 
															-		this.matcap = new THREE.CanvasTexture( canvas );
														
 
															-
														
 
															-	}
														
 
															-
														
 
															 }
														
 
															 MeshMatcapMaterial.prototype = Object.create( Material.prototype );
														
--- a/src/objects/SkinnedMesh.js
+++ b/src/objects/SkinnedMesh.js
@@ -1,17 +1,21 @@
 
															-import { Mesh } from './Mesh.js';
														
 
															-import { Vector4 } from '../math/Vector4.js';
														
 
															-import { Skeleton } from './Skeleton.js';
														
 
															-import { Bone } from './Bone.js';
														
 
															-import { Matrix4 } from '../math/Matrix4.js';
														
 
															-
														
 
															 /**
														
 
															  * @author mikael emtinger / http://gomo.se/
														
 
															  * @author alteredq / http://alteredqualia.com/
														
 
															  * @author ikerr / http://verold.com
														
 
															  */
														
 
															+import { Mesh } from './Mesh.js';
														
 
															+import { Matrix4 } from '../math/Matrix4.js';
														
 
															+import { Vector4 } from '../math/Vector4.js';
														
 
															+
														
 
															 function SkinnedMesh( geometry, material ) {
														
 
															+	if ( geometry && geometry.isGeometry ) {
														
 
															+
														
 
															+		console.error( 'THREE.SkinnedMesh no longer supports THREE.Geometry. Use THREE.BufferGeometry instead.' );
														
 
															+
														
 
															+	}
														
 
															+
														
 
															 	Mesh.call( this, geometry, material );
														
 
															 	this.type = 'SkinnedMesh';
														
@@ -20,13 +24,6 @@ function SkinnedMesh( geometry, material ) {
 
															 	this.bindMatrix = new Matrix4();
														
 
															 	this.bindMatrixInverse = new Matrix4();
														
 
															-	var bones = this.initBones();
														
 
															-	var skeleton = new Skeleton( bones );
														
 
															-
														
 
															-	this.bind( skeleton, this.matrixWorld );
														
 
															-
														
 
															-	this.normalizeSkinWeights();
														
 
															-
														
 
															 }
														
 
															 SkinnedMesh.prototype = Object.assign( Object.create( Mesh.prototype ), {
														
@@ -35,66 +32,6 @@ SkinnedMesh.prototype = Object.assign( Object.create( Mesh.prototype ), {
 
															 	isSkinnedMesh: true,
														
 
															-	initBones: function () {
														
 
															-
														
 
															-		var bones = [], bone, gbone;
														
 
															-		var i, il;
														
 
															-
														
 
															-		if ( this.geometry && this.geometry.bones !== undefined ) {
														
 
															-
														
 
															-			// first, create array of 'Bone' objects from geometry data
														
 
															-
														
 
															-			for ( i = 0, il = this.geometry.bones.length; i < il; i ++ ) {
														
 
															-
														
 
															-				gbone = this.geometry.bones[ i ];
														
 
															-
														
 
															-				// create new 'Bone' object
														
 
															-
														
 
															-				bone = new Bone();
														
 
															-				bones.push( bone );
														
 
															-
														
 
															-				// apply values
														
 
															-
														
 
															-				bone.name = gbone.name;
														
 
															-				bone.position.fromArray( gbone.pos );
														
 
															-				bone.quaternion.fromArray( gbone.rotq );
														
 
															-				if ( gbone.scl !== undefined ) bone.scale.fromArray( gbone.scl );
														
 
															-
														
 
															-			}
														
 
															-
														
 
															-			// second, create bone hierarchy
														
 
															-
														
 
															-			for ( i = 0, il = this.geometry.bones.length; i < il; i ++ ) {
														
 
															-
														
 
															-				gbone = this.geometry.bones[ i ];
														
 
															-
														
 
															-				if ( ( gbone.parent !== - 1 ) && ( gbone.parent !== null ) && ( bones[ gbone.parent ] !== undefined ) ) {
														
 
															-
														
 
															-					// subsequent bones in the hierarchy
														
 
															-
														
 
															-					bones[ gbone.parent ].add( bones[ i ] );
														
 
															-
														
 
															-				} else {
														
 
															-
														
 
															-					// topmost bone, immediate child of the skinned mesh
														
 
															-
														
 
															-					this.add( bones[ i ] );
														
 
															-
														
 
															-				}
														
 
															-
														
 
															-			}
														
 
															-
														
 
															-		}
														
 
															-
														
 
															-		// now the bones are part of the scene graph and children of the skinned mesh.
														
 
															-		// let's update the corresponding matrices
														
 
															-
														
 
															-		this.updateMatrixWorld( true );
														
 
															-
														
 
															-		return bones;
														
 
															-
														
 
															-	},
														
 
															-
														
 
															 	bind: function ( skeleton, bindMatrix ) {
														
 
															 		this.skeleton = skeleton;
														
@@ -122,56 +59,30 @@ SkinnedMesh.prototype = Object.assign( Object.create( Mesh.prototype ), {
 
															 	normalizeSkinWeights: function () {
														
 
															-		var scale, i;
														
 
															-
														
 
															-		if ( this.geometry && this.geometry.isGeometry ) {
														
 
															+		var vector = new Vector4();
														
 
															-			for ( i = 0; i < this.geometry.skinWeights.length; i ++ ) {
														
 
															+		var skinWeight = this.geometry.attributes.skinWeight;
														
 
															-				var sw = this.geometry.skinWeights[ i ];
														
 
															+		for ( var i = 0, l = skinWeight.count; i < l; i ++ ) {
														
 
															-				scale = 1.0 / sw.manhattanLength();
														
 
															+			vector.x = skinWeight.getX( i );
														
 
															+			vector.y = skinWeight.getY( i );
														
 
															+			vector.z = skinWeight.getZ( i );
														
 
															+			vector.w = skinWeight.getW( i );
														
 
															-				if ( scale !== Infinity ) {
														
 
															+			var scale = 1.0 / vector.manhattanLength();
														
 
															-					sw.multiplyScalar( scale );
														
 
															+			if ( scale !== Infinity ) {
														
 
															-				} else {
														
 
															+				vector.multiplyScalar( scale );
														
 
															-					sw.set( 1, 0, 0, 0 ); // do something reasonable
														
 
															+			} else {
														
 
															-				}
														
 
															+				vector.set( 1, 0, 0, 0 ); // do something reasonable
														
 
															 			}
														
 
															-		} else if ( this.geometry && this.geometry.isBufferGeometry ) {
														
 
															-
														
 
															-			var vec = new Vector4();
														
 
															-
														
 
															-			var skinWeight = this.geometry.attributes.skinWeight;
														
 
															-
														
 
															-			for ( i = 0; i < skinWeight.count; i ++ ) {
														
 
															-
														
 
															-				vec.x = skinWeight.getX( i );
														
 
															-				vec.y = skinWeight.getY( i );
														
 
															-				vec.z = skinWeight.getZ( i );
														
 
															-				vec.w = skinWeight.getW( i );
														
 
															-
														
 
															-				scale = 1.0 / vec.manhattanLength();
														
 
															-
														
 
															-				if ( scale !== Infinity ) {
														
 
															-
														
 
															-					vec.multiplyScalar( scale );
														
 
															-
														
 
															-				} else {
														
 
															-
														
 
															-					vec.set( 1, 0, 0, 0 ); // do something reasonable
														
 
															-
														
 
															-				}
														
 
															-
														
 
															-				skinWeight.setXYZW( i, vec.x, vec.y, vec.z, vec.w );
														
 
															-
														
 
															-			}
														
 
															+			skinWeight.setXYZW( i, vector.x, vector.y, vector.z, vector.w );
														
 
															 		}
														
--- a/src/renderers/shaders/ShaderLib/equirect_frag.glsl.js
+++ b/src/renderers/shaders/ShaderLib/equirect_frag.glsl.js
@@ -15,7 +15,12 @@ void main() {
 
															 	sampleUV.x = atan( direction.z, direction.x ) * RECIPROCAL_PI2 + 0.5;
														
 
															-	gl_FragColor = texture2D( tEquirect, sampleUV );
														
 
															+	vec4 texColor = texture2D( tEquirect, sampleUV );
														
 
															+
														
 
															+	gl_FragColor = mapTexelToLinear( texColor );
														
 
															+
														
 
															+	#include <tonemapping_fragment>
														
 
															+	#include <encodings_fragment>
														
 
															 }
														
 
															 `;