super-three 0.136.1 → 0.144.0

package/examples/js/utils/LDrawUtils.js

@@ -0,0 +1,182 @@
+( function () {
+
+	class LDrawUtils {
+
+		static mergeObject( object ) {
+
+			// Merges geometries in object by materials and returns new object. Use on not indexed geometries.
+			// The object buffers reference the old object ones.
+			// Special treatment is done to the conditional lines generated by LDrawLoader.
+			function extractGroup( geometry, group, elementSize, isConditionalLine ) {
+
+				// Extracts a group from a geometry as a new geometry (with attribute buffers referencing original buffers)
+				const newGeometry = new THREE.BufferGeometry();
+				const originalPositions = geometry.getAttribute( 'position' ).array;
+				const originalNormals = elementSize === 3 ? geometry.getAttribute( 'normal' ).array : null;
+				const numVertsGroup = Math.min( group.count, Math.floor( originalPositions.length / 3 ) - group.start );
+				const vertStart = group.start * 3;
+				const vertEnd = ( group.start + numVertsGroup ) * 3;
+				const positions = originalPositions.subarray( vertStart, vertEnd );
+				const normals = originalNormals !== null ? originalNormals.subarray( vertStart, vertEnd ) : null;
+				newGeometry.setAttribute( 'position', new THREE.BufferAttribute( positions, 3 ) );
+				if ( normals !== null ) newGeometry.setAttribute( 'normal', new THREE.BufferAttribute( normals, 3 ) );
+
+				if ( isConditionalLine ) {
+
+					const controlArray0 = geometry.getAttribute( 'control0' ).array.subarray( vertStart, vertEnd );
+					const controlArray1 = geometry.getAttribute( 'control1' ).array.subarray( vertStart, vertEnd );
+					const directionArray = geometry.getAttribute( 'direction' ).array.subarray( vertStart, vertEnd );
+					newGeometry.setAttribute( 'control0', new THREE.BufferAttribute( controlArray0, 3, false ) );
+					newGeometry.setAttribute( 'control1', new THREE.BufferAttribute( controlArray1, 3, false ) );
+					newGeometry.setAttribute( 'direction', new THREE.BufferAttribute( directionArray, 3, false ) );
+
+				}
+
+				return newGeometry;
+
+			}
+
+			function addGeometry( mat, geometry, geometries ) {
+
+				const geoms = geometries[ mat.uuid ];
+
+				if ( ! geoms ) {
+
+					geometries[ mat.uuid ] = {
+						mat: mat,
+						arr: [ geometry ]
+					};
+
+				} else {
+
+					geoms.arr.push( geometry );
+
+				}
+
+			}
+
+			function permuteAttribute( attribute, elemSize ) {
+
+				// Permutes first two vertices of each attribute element
+				if ( ! attribute ) return;
+				const verts = attribute.array;
+				const numVerts = Math.floor( verts.length / 3 );
+				let offset = 0;
+
+				for ( let i = 0; i < numVerts; i ++ ) {
+
+					const x = verts[ offset ];
+					const y = verts[ offset + 1 ];
+					const z = verts[ offset + 2 ];
+					verts[ offset ] = verts[ offset + 3 ];
+					verts[ offset + 1 ] = verts[ offset + 4 ];
+					verts[ offset + 2 ] = verts[ offset + 5 ];
+					verts[ offset + 3 ] = x;
+					verts[ offset + 4 ] = y;
+					verts[ offset + 5 ] = z;
+					offset += elemSize * 3;
+
+				}
+
+			} // Traverse the object hierarchy collecting geometries and transforming them to world space
+
+
+			const meshGeometries = {};
+			const linesGeometries = {};
+			const condLinesGeometries = {};
+			object.updateMatrixWorld( true );
+			const normalMatrix = new THREE.Matrix3();
+			object.traverse( c => {
+
+				if ( c.isMesh | c.isLineSegments ) {
+
+					const elemSize = c.isMesh ? 3 : 2;
+					const geometry = c.geometry.clone();
+					const matrixIsInverted = c.matrixWorld.determinant() < 0;
+
+					if ( matrixIsInverted ) {
+
+						permuteAttribute( geometry.attributes.position, elemSize );
+						permuteAttribute( geometry.attributes.normal, elemSize );
+
+					}
+
+					geometry.applyMatrix4( c.matrixWorld );
+
+					if ( c.isConditionalLine ) {
+
+						geometry.attributes.control0.applyMatrix4( c.matrixWorld );
+						geometry.attributes.control1.applyMatrix4( c.matrixWorld );
+						normalMatrix.getNormalMatrix( c.matrixWorld );
+						geometry.attributes.direction.applyNormalMatrix( normalMatrix );
+
+					}
+
+					const geometries = c.isMesh ? meshGeometries : c.isConditionalLine ? condLinesGeometries : linesGeometries;
+
+					if ( Array.isArray( c.material ) ) {
+
+						for ( const groupIndex in geometry.groups ) {
+
+							const group = geometry.groups[ groupIndex ];
+							const mat = c.material[ group.materialIndex ];
+							const newGeometry = extractGroup( geometry, group, elemSize, c.isConditionalLine );
+							addGeometry( mat, newGeometry, geometries );
+
+						}
+
+					} else {
+
+						addGeometry( c.material, geometry, geometries );
+
+					}
+
+				}
+
+			} ); // Create object with merged geometries
+
+			const mergedObject = new THREE.Group();
+			const meshMaterialsIds = Object.keys( meshGeometries );
+
+			for ( const meshMaterialsId of meshMaterialsIds ) {
+
+				const meshGeometry = meshGeometries[ meshMaterialsId ];
+				const mergedGeometry = THREE.mergeBufferGeometries( meshGeometry.arr );
+				mergedObject.add( new THREE.Mesh( mergedGeometry, meshGeometry.mat ) );
+
+			}
+
+			const linesMaterialsIds = Object.keys( linesGeometries );
+
+			for ( const linesMaterialsId of linesMaterialsIds ) {
+
+				const lineGeometry = linesGeometries[ linesMaterialsId ];
+				const mergedGeometry = THREE.mergeBufferGeometries( lineGeometry.arr );
+				mergedObject.add( new THREE.LineSegments( mergedGeometry, lineGeometry.mat ) );
+
+			}
+
+			const condLinesMaterialsIds = Object.keys( condLinesGeometries );
+
+			for ( const condLinesMaterialsId of condLinesMaterialsIds ) {
+
+				const condLineGeometry = condLinesGeometries[ condLinesMaterialsId ];
+				const mergedGeometry = THREE.mergeBufferGeometries( condLineGeometry.arr );
+				const condLines = new THREE.LineSegments( mergedGeometry, condLineGeometry.mat );
+				condLines.isConditionalLine = true;
+				mergedObject.add( condLines );
+
+			}
+
+			mergedObject.userData.constructionStep = 0;
+			mergedObject.userData.numConstructionSteps = 1;
+			return mergedObject;
+
+		}
+
+	}
+
+	THREE.LDrawUtils = {};
+	THREE.LDrawUtils.LDrawUtils = LDrawUtils;
+
+} )();

package/examples/js/utils/PackedPhongMaterial.js

@@ -93,7 +93,7 @@
 					#endif
 				#endif`, THREE.ShaderChunk.morphtarget_vertex, THREE.ShaderChunk.skinning_vertex, THREE.ShaderChunk.displacementmap_vertex, THREE.ShaderChunk.project_vertex, THREE.ShaderChunk.logdepthbuf_vertex, THREE.ShaderChunk.clipping_planes_vertex, 'vViewPosition = - mvPosition.xyz;', THREE.ShaderChunk.worldpos_vertex, THREE.ShaderChunk.envmap_vertex, THREE.ShaderChunk.shadowmap_vertex, THREE.ShaderChunk.fog_vertex, '}' ].join( '\n' ); // Use the original THREE.MeshPhongMaterial's fragmentShader.
 
-			this.fragmentShader = [ '#define PHONG', 'uniform vec3 diffuse;', 'uniform vec3 emissive;', 'uniform vec3 specular;', 'uniform float shininess;', 'uniform float opacity;', THREE.ShaderChunk.common, THREE.ShaderChunk.packing, THREE.ShaderChunk.dithering_pars_fragment, THREE.ShaderChunk.color_pars_fragment, THREE.ShaderChunk.uv_pars_fragment, THREE.ShaderChunk.uv2_pars_fragment, THREE.ShaderChunk.map_pars_fragment, THREE.ShaderChunk.alphamap_pars_fragment, THREE.ShaderChunk.aomap_pars_fragment, THREE.ShaderChunk.lightmap_pars_fragment, THREE.ShaderChunk.emissivemap_pars_fragment, THREE.ShaderChunk.envmap_common_pars_fragment, THREE.ShaderChunk.envmap_pars_fragment, THREE.ShaderChunk.cube_uv_reflection_fragment, THREE.ShaderChunk.fog_pars_fragment, THREE.ShaderChunk.bsdfs, THREE.ShaderChunk.lights_pars_begin, THREE.ShaderChunk.normal_pars_fragment, THREE.ShaderChunk.lights_phong_pars_fragment, THREE.ShaderChunk.shadowmap_pars_fragment, THREE.ShaderChunk.bumpmap_pars_fragment, THREE.ShaderChunk.normalmap_pars_fragment, THREE.ShaderChunk.specularmap_pars_fragment, THREE.ShaderChunk.logdepthbuf_pars_fragment, THREE.ShaderChunk.clipping_planes_pars_fragment, 'void main() {', THREE.ShaderChunk.clipping_planes_fragment, 'vec4 diffuseColor = vec4( diffuse, opacity );', 'ReflectedLight reflectedLight = ReflectedLight( vec3( 0.0 ), vec3( 0.0 ), vec3( 0.0 ), vec3( 0.0 ) );', 'vec3 totalEmissiveRadiance = emissive;', THREE.ShaderChunk.logdepthbuf_fragment, THREE.ShaderChunk.map_fragment, THREE.ShaderChunk.color_fragment, THREE.ShaderChunk.alphamap_fragment, THREE.ShaderChunk.alphatest_fragment, THREE.ShaderChunk.specularmap_fragment, THREE.ShaderChunk.normal_fragment_begin, THREE.ShaderChunk.normal_fragment_maps, THREE.ShaderChunk.emissivemap_fragment, // accumulation
+			this.fragmentShader = [ '#define PHONG', 'uniform vec3 diffuse;', 'uniform vec3 emissive;', 'uniform vec3 specular;', 'uniform float shininess;', 'uniform float opacity;', THREE.ShaderChunk.common, THREE.ShaderChunk.packing, THREE.ShaderChunk.dithering_pars_fragment, THREE.ShaderChunk.color_pars_fragment, THREE.ShaderChunk.uv_pars_fragment, THREE.ShaderChunk.uv2_pars_fragment, THREE.ShaderChunk.map_pars_fragment, THREE.ShaderChunk.alphamap_pars_fragment, THREE.ShaderChunk.aomap_pars_fragment, THREE.ShaderChunk.lightmap_pars_fragment, THREE.ShaderChunk.emissivemap_pars_fragment, THREE.ShaderChunk.envmap_common_pars_fragment, THREE.ShaderChunk.envmap_pars_fragment, THREE.ShaderChunk.fog_pars_fragment, THREE.ShaderChunk.bsdfs, THREE.ShaderChunk.lights_pars_begin, THREE.ShaderChunk.normal_pars_fragment, THREE.ShaderChunk.lights_phong_pars_fragment, THREE.ShaderChunk.shadowmap_pars_fragment, THREE.ShaderChunk.bumpmap_pars_fragment, THREE.ShaderChunk.normalmap_pars_fragment, THREE.ShaderChunk.specularmap_pars_fragment, THREE.ShaderChunk.logdepthbuf_pars_fragment, THREE.ShaderChunk.clipping_planes_pars_fragment, 'void main() {', THREE.ShaderChunk.clipping_planes_fragment, 'vec4 diffuseColor = vec4( diffuse, opacity );', 'ReflectedLight reflectedLight = ReflectedLight( vec3( 0.0 ), vec3( 0.0 ), vec3( 0.0 ), vec3( 0.0 ) );', 'vec3 totalEmissiveRadiance = emissive;', THREE.ShaderChunk.logdepthbuf_fragment, THREE.ShaderChunk.map_fragment, THREE.ShaderChunk.color_fragment, THREE.ShaderChunk.alphamap_fragment, THREE.ShaderChunk.alphatest_fragment, THREE.ShaderChunk.specularmap_fragment, THREE.ShaderChunk.normal_fragment_begin, THREE.ShaderChunk.normal_fragment_maps, THREE.ShaderChunk.emissivemap_fragment, // accumulation
 				THREE.ShaderChunk.lights_phong_fragment, THREE.ShaderChunk.lights_fragment_begin, THREE.ShaderChunk.lights_fragment_maps, THREE.ShaderChunk.lights_fragment_end, // modulation
 				THREE.ShaderChunk.aomap_fragment, 'vec3 outgoingLight = reflectedLight.directDiffuse + reflectedLight.indirectDiffuse + reflectedLight.directSpecular + reflectedLight.indirectSpecular + totalEmissiveRadiance;', THREE.ShaderChunk.envmap_fragment, 'gl_FragColor = vec4( outgoingLight, diffuseColor.a );', THREE.ShaderChunk.tonemapping_fragment, THREE.ShaderChunk.encodings_fragment, THREE.ShaderChunk.fog_fragment, THREE.ShaderChunk.premultiplied_alpha_fragment, THREE.ShaderChunk.dithering_fragment, '}' ].join( '\n' );
 			this.setValues( parameters );

package/examples/js/utils/SceneUtils.js

@@ -23,38 +23,81 @@
 
 	}
 
-	function createMultiMaterialObject( geometry, materials ) {
+	function createMeshesFromMultiMaterialMesh( mesh ) {
 
-		const group = new THREE.Group();
+		if ( Array.isArray( mesh.material ) === false ) {
 
-		for ( let i = 0, l = materials.length; i < l; i ++ ) {
+			console.warn( 'THREE.SceneUtils.createMeshesFromMultiMaterialMesh(): The given mesh has no multiple materials.' );
+			return mesh;
 
-			group.add( new THREE.Mesh( geometry, materials[ i ] ) );
+		}
+
+		const object = new THREE.Group();
+		object.copy( mesh ); // merge groups (which automatically sorts them)
+
+		const geometry = THREE.mergeGroups( mesh.geometry );
+		const index = geometry.index;
+		const groups = geometry.groups;
+		const attributeNames = Object.keys( geometry.attributes ); // create a mesh for each group by extracting the buffer data into a new geometry
+
+		for ( let i = 0; i < groups.length; i ++ ) {
+
+			const group = groups[ i ];
+			const start = group.start;
+			const end = start + group.count;
+			const newGeometry = new THREE.BufferGeometry();
+			const newMaterial = mesh.material[ group.materialIndex ]; // process all buffer attributes
+
+			for ( let j = 0; j < attributeNames.length; j ++ ) {
+
+				const name = attributeNames[ j ];
+				const attribute = geometry.attributes[ name ];
+				const itemSize = attribute.itemSize;
+				const newLength = group.count * itemSize;
+				const type = attribute.array.constructor;
+				const newArray = new type( newLength );
+				const newAttribute = new THREE.BufferAttribute( newArray, itemSize );
+
+				for ( let k = start, n = 0; k < end; k ++, n ++ ) {
+
+					const ind = index.getX( k );
+					if ( itemSize >= 1 ) newAttribute.setX( n, attribute.getX( ind ) );
+					if ( itemSize >= 2 ) newAttribute.setY( n, attribute.getY( ind ) );
+					if ( itemSize >= 3 ) newAttribute.setZ( n, attribute.getZ( ind ) );
+					if ( itemSize >= 4 ) newAttribute.setW( n, attribute.getW( ind ) );
+
+				}
+
+				newGeometry.setAttribute( name, newAttribute );
+
+			}
+
+			const newMesh = new THREE.Mesh( newGeometry, newMaterial );
+			object.add( newMesh );
 
 		}
 
-		return group;
+		return object;
 
 	}
 
-	function detach( child, parent, scene ) {
+	function createMultiMaterialObject( geometry, materials ) {
 
-		console.warn( 'THREE.SceneUtils: detach() has been deprecated. Use scene.attach( child ) instead.' );
-		scene.attach( child );
+		const group = new THREE.Group();
 
-	}
+		for ( let i = 0, l = materials.length; i < l; i ++ ) {
+
+			group.add( new THREE.Mesh( geometry, materials[ i ] ) );
 
-	function attach( child, scene, parent ) {
+		}
 
-		console.warn( 'THREE.SceneUtils: attach() has been deprecated. Use parent.attach( child ) instead.' );
-		parent.attach( child );
+		return group;
 
 	}
 
 	THREE.SceneUtils = {};
-	THREE.SceneUtils.attach = attach;
 	THREE.SceneUtils.createMeshesFromInstancedMesh = createMeshesFromInstancedMesh;
+	THREE.SceneUtils.createMeshesFromMultiMaterialMesh = createMeshesFromMultiMaterialMesh;
 	THREE.SceneUtils.createMultiMaterialObject = createMultiMaterialObject;
-	THREE.SceneUtils.detach = detach;
 
 } )();

package/examples/js/utils/SkeletonUtils.js

@@ -64,7 +64,7 @@
 				bone = bones[ i ];
 				name = options.names[ bone.name ] || bone.name;
 
-				if ( options.offsets && options.offsets[ name ] ) {
+				if ( options.offsets[ name ] ) {
 
 					bone.matrix.multiply( options.offsets[ name ] );
 					bone.matrix.decompose( bone.position, bone.quaternion, bone.scale );

package/examples/js/utils/UVsDebug.js

@@ -29,46 +29,36 @@
 
 		ctx.fillStyle = 'rgb( 255, 255, 255 )';
 		ctx.fillRect( 0, 0, width, height );
+		const index = geometry.index;
+		const uvAttribute = geometry.attributes.uv;
 
-		if ( geometry.isGeometry ) {
+		if ( index ) {
 
-			console.error( 'THREE.UVsDebug no longer supports Geometry. Use THREE.BufferGeometry instead.' );
-			return;
+			// indexed geometry
+			for ( let i = 0, il = index.count; i < il; i += 3 ) {
 
-		} else {
-
-			const index = geometry.index;
-			const uvAttribute = geometry.attributes.uv;
-
-			if ( index ) {
-
-				// indexed geometry
-				for ( let i = 0, il = index.count; i < il; i += 3 ) {
-
-					face[ 0 ] = index.getX( i );
-					face[ 1 ] = index.getX( i + 1 );
-					face[ 2 ] = index.getX( i + 2 );
-					uvs[ 0 ].fromBufferAttribute( uvAttribute, face[ 0 ] );
-					uvs[ 1 ].fromBufferAttribute( uvAttribute, face[ 1 ] );
-					uvs[ 2 ].fromBufferAttribute( uvAttribute, face[ 2 ] );
-					processFace( face, uvs, i / 3 );
+				face[ 0 ] = index.getX( i );
+				face[ 1 ] = index.getX( i + 1 );
+				face[ 2 ] = index.getX( i + 2 );
+				uvs[ 0 ].fromBufferAttribute( uvAttribute, face[ 0 ] );
+				uvs[ 1 ].fromBufferAttribute( uvAttribute, face[ 1 ] );
+				uvs[ 2 ].fromBufferAttribute( uvAttribute, face[ 2 ] );
+				processFace( face, uvs, i / 3 );
 
-				}
-
-			} else {
+			}
 
-				// non-indexed geometry
-				for ( let i = 0, il = uvAttribute.count; i < il; i += 3 ) {
+		} else {
 
-					face[ 0 ] = i;
-					face[ 1 ] = i + 1;
-					face[ 2 ] = i + 2;
-					uvs[ 0 ].fromBufferAttribute( uvAttribute, face[ 0 ] );
-					uvs[ 1 ].fromBufferAttribute( uvAttribute, face[ 1 ] );
-					uvs[ 2 ].fromBufferAttribute( uvAttribute, face[ 2 ] );
-					processFace( face, uvs, i / 3 );
+			// non-indexed geometry
+			for ( let i = 0, il = uvAttribute.count; i < il; i += 3 ) {
 
-				}
+				face[ 0 ] = i;
+				face[ 1 ] = i + 1;
+				face[ 2 ] = i + 2;
+				uvs[ 0 ].fromBufferAttribute( uvAttribute, face[ 0 ] );
+				uvs[ 1 ].fromBufferAttribute( uvAttribute, face[ 1 ] );
+				uvs[ 2 ].fromBufferAttribute( uvAttribute, face[ 2 ] );
+				processFace( face, uvs, i / 3 );
 
 			}
 

package/examples/jsm/animation/CCDIKSolver.js

@@ -186,19 +186,13 @@ class CCDIKSolver {
 
 				if ( rotationMin !== undefined ) {
 
-					link.rotation.setFromVector3(
-						link.rotation
-							.toVector3( _vector )
-							.max( rotationMin ) );
+					link.rotation.setFromVector3( _vector.setFromEuler( link.rotation ).max( rotationMin ) );
 
 				}
 
 				if ( rotationMax !== undefined ) {
 
-					link.rotation.setFromVector3(
-						link.rotation
-							.toVector3( _vector )
-							.min( rotationMax ) );
+					link.rotation.setFromVector3( _vector.setFromEuler( link.rotation ).min( rotationMax ) );
 
 				}
 
@@ -461,4 +455,4 @@ class CCDIKHelper extends Object3D {
 
 }
 
-export { CCDIKSolver };
+export { CCDIKSolver, CCDIKHelper };

package/examples/jsm/animation/MMDPhysics.js

@@ -1,8 +1,8 @@
 import {
 	Bone,
 	BoxGeometry,
+	CapsuleGeometry,
 	Color,
-	CylinderGeometry,
 	Euler,
 	Matrix4,
 	Mesh,
@@ -209,9 +209,9 @@ class MMDPhysics {
 		// mesh's default world transform as position(0, 0, 0),
 		// quaternion(0, 0, 0, 1) and scale(0, 0, 0)
 
-		let parent = mesh.parent;
+		const parent = mesh.parent;
 
-		if ( parent !== null ) parent = null;
+		if ( parent !== null ) mesh.parent = null;
 
 		const currentPosition = manager.allocThreeVector3();
 		const currentQuaternion = manager.allocThreeQuaternion();
@@ -1358,7 +1358,7 @@ class MMDPhysicsHelper extends Object3D {
 					return new BoxGeometry( param.width * 2, param.height * 2, param.depth * 2, 8, 8, 8 );
 
 				case 2:
-					return new createCapsuleGeometry( param.width, param.height, 16, 8 );
+					return new CapsuleGeometry( param.width, param.height, 8, 16 );
 
 				default:
 					return null;
@@ -1367,25 +1367,6 @@ class MMDPhysicsHelper extends Object3D {
 
 		}
 
-		function createCapsuleGeometry( radius, cylinderHeight, segmentsRadius, segmentsHeight ) {
-
-			var geometry = new CylinderGeometry( radius, radius, cylinderHeight, segmentsRadius, segmentsHeight, true );
-			var upperSphere = new Mesh( new SphereGeometry( radius, segmentsRadius, segmentsHeight, 0, Math.PI * 2, 0, Math.PI / 2 ) );
-			var lowerSphere = new Mesh( new SphereGeometry( radius, segmentsRadius, segmentsHeight, 0, Math.PI * 2, Math.PI / 2, Math.PI / 2 ) );
-
-			upperSphere.position.set( 0, cylinderHeight / 2, 0 );
-			lowerSphere.position.set( 0, - cylinderHeight / 2, 0 );
-
-			upperSphere.updateMatrix();
-			lowerSphere.updateMatrix();
-
-			geometry.merge( upperSphere.geometry, upperSphere.matrix );
-			geometry.merge( lowerSphere.geometry, lowerSphere.matrix );
-
-			return geometry;
-
-		}
-
 		for ( var i = 0, il = bodies.length; i < il; i ++ ) {
 
 			var param = bodies[ i ].params;

package/examples/jsm/capabilities/WebGPU.js

@@ -1,3 +1,9 @@
+if ( window.GPUShaderStage === undefined ) {
+
+	window.GPUShaderStage = { VERTEX: 1, FRAGMENT: 2, COMPUTE: 4 };
+
+}
+
 class WebGPU {
 
 	static isAvailable() {

package/examples/jsm/controls/ArcballControls.js

@@ -1040,7 +1040,9 @@ class ArcballControls extends EventDispatcher {
 
 							}
 
-							this.applyTransformMatrix( this.scale( size, this._gizmos.position ) );
+							this._v3_1.setFromMatrixPosition( this._gizmoMatrixState );
+
+							this.applyTransformMatrix( this.scale( size, this._v3_1 ) );
 
 						}
 
@@ -2277,7 +2279,7 @@ class ArcballControls extends EventDispatcher {
 		this._gizmoMatrixState0.identity().setPosition( tbCenter );
 		this._gizmoMatrixState.copy( this._gizmoMatrixState0 );
 
-		if ( this.camera.zoom != 1 ) {
+		if ( this.camera.zoom !== 1 ) {
 
 			//adapt gizmos size to camera zoom
 			const size = 1 / this.camera.zoom;
@@ -2292,8 +2294,23 @@ class ArcballControls extends EventDispatcher {
 
 		this._gizmoMatrixState.decompose( this._gizmos.position, this._gizmos.quaternion, this._gizmos.scale );
 
+		//
+
+		this._gizmos.traverse( function ( object ) {
+
+			if ( object.isLine ) {
+
+				object.geometry.dispose();
+				object.material.dispose();
+
+			}
+
+		} );
+
 		this._gizmos.clear();
 
+		//
+
 		this._gizmos.add( gizmoX );
 		this._gizmos.add( gizmoY );
 		this._gizmos.add( gizmoZ );

package/examples/jsm/controls/FirstPersonControls.js

@@ -12,13 +12,6 @@ class FirstPersonControls {
 
 	constructor( object, domElement ) {
 
-		if ( domElement === undefined ) {
-
-			console.warn( 'THREE.FirstPersonControls: The second parameter "domElement" is now mandatory.' );
-			domElement = document;
-
-		}
-
 		this.object = object;
 		this.domElement = domElement;
 

package/examples/jsm/controls/FlyControls.js

@@ -12,13 +12,6 @@ class FlyControls extends EventDispatcher {
 
 		super();
 
-		if ( domElement === undefined ) {
-
-			console.warn( 'THREE.FlyControls: The second parameter "domElement" is now mandatory.' );
-			domElement = document;
-
-		}
-
 		this.object = object;
 		this.domElement = domElement;
 

package/examples/jsm/controls/OrbitControls.js

@@ -25,9 +25,6 @@ class OrbitControls extends EventDispatcher {
 
 		super();
 
-		if ( domElement === undefined ) console.warn( 'THREE.OrbitControls: The second parameter "domElement" is now mandatory.' );
-		if ( domElement === document ) console.error( 'THREE.OrbitControls: "document" should not be used as the target "domElement". Please use "renderer.domElement" instead.' );
-
 		this.object = object;
 		this.domElement = domElement;
 		this.domElement.style.touchAction = 'none'; // disable touch scroll
@@ -960,8 +957,6 @@ class OrbitControls extends EventDispatcher {
 
 		function onMouseMove( event ) {
 
-			if ( scope.enabled === false ) return;
-
 			switch ( state ) {
 
 				case STATE.ROTATE:

package/examples/jsm/controls/PointerLockControls.js

@@ -19,13 +19,6 @@ class PointerLockControls extends EventDispatcher {
 
 		super();
 
-		if ( domElement === undefined ) {
-
-			console.warn( 'THREE.PointerLockControls: The second parameter "domElement" is now mandatory.' );
-			domElement = document.body;
-
-		}
-
 		this.domElement = domElement;
 		this.isLocked = false;
 
@@ -34,6 +27,8 @@ class PointerLockControls extends EventDispatcher {
 		this.minPolarAngle = 0; // radians
 		this.maxPolarAngle = Math.PI; // radians
 
+		this.pointerSpeed = 1.0;
+
 		const scope = this;
 
 		function onMouseMove( event ) {
@@ -45,8 +40,8 @@ class PointerLockControls extends EventDispatcher {
 
 			_euler.setFromQuaternion( camera.quaternion );
 
-			_euler.y -= movementX * 0.002;
-			_euler.x -= movementY * 0.002;
+			_euler.y -= movementX * 0.002 * scope.pointerSpeed;
+			_euler.x -= movementY * 0.002 * scope.pointerSpeed;
 
 			_euler.x = Math.max( _PI_2 - scope.maxPolarAngle, Math.min( _PI_2 - scope.minPolarAngle, _euler.x ) );
 

package/examples/jsm/controls/TrackballControls.js

@@ -16,9 +16,6 @@ class TrackballControls extends EventDispatcher {
 
 		super();
 
-		if ( domElement === undefined ) console.warn( 'THREE.TrackballControls: The second parameter "domElement" is now mandatory.' );
-		if ( domElement === document ) console.error( 'THREE.TrackballControls: "document" should not be used as the target "domElement". Please use "renderer.domElement" instead.' );
-
 		const scope = this;
 		const STATE = { NONE: - 1, ROTATE: 0, ZOOM: 1, PAN: 2, TOUCH_ROTATE: 3, TOUCH_ZOOM_PAN: 4 };
 
@@ -541,9 +538,6 @@ class TrackballControls extends EventDispatcher {
 						_state = STATE.PAN;
 						break;
 
-					default:
-						_state = STATE.NONE;
-
 				}
 
 			}
@@ -706,7 +700,7 @@ class TrackballControls extends EventDispatcher {
 
 				case 2:
 					_state = STATE.TOUCH_ZOOM_PAN;
-					_moveCurr.copy( getMouseOnCircle( event.pageX - _movePrev.pageX, event.pageY - _movePrev.pageY ) );
+					_moveCurr.copy( getMouseOnCircle( event.pageX - _movePrev.x, event.pageY - _movePrev.y ) );
 					_movePrev.copy( _moveCurr );
 					break;