super-three 0.135.0 → 0.136.0

package/examples/js/animation/CCDIKSolver.js

@@ -145,7 +145,6 @@
 					}
 
 					angle = math.acos( angle ); // skip if changing angle is too small to prevent vibration of bone
-					// Refer to http://www20.atpages.jp/katwat/three.js_r58/examples/mytest37/mmd.three.js
 
 					if ( angle < 1e-5 ) continue;
 

package/examples/js/animation/MMDPhysics.js

@@ -1086,7 +1086,6 @@
 
 				for ( let i = 0; i < 6; i ++ ) {
 
-					// this parameter is from http://www20.atpages.jp/katwat/three.js_r58/examples/mytest37/mmd.three.js
 					constraint.setParam( 2, 0.475, i );
 
 				}
@@ -1221,8 +1220,7 @@
 
 				}
 
-			} // copy from http://www20.atpages.jp/katwat/three.js_r58/examples/mytest37/mytest37.js?ver=20160815
-
+			}
 
 			function createCapsuleGeometry( radius, cylinderHeight, segmentsRadius, segmentsHeight ) {
 

package/examples/js/controls/ArcballControls.js

@@ -44,6 +44,12 @@
 	const _raycaster = new THREE.Raycaster();
 
 	const _offset = new THREE.Vector3();
+
+	const _gizmoMatrixStateTemp = new THREE.Matrix4();
+
+	const _cameraMatrixStateTemp = new THREE.Matrix4();
+
+	const _scalePointTemp = new THREE.Vector3();
 	/**
  *
  * @param {Camera} camera Virtual camera used in the scene
@@ -567,28 +573,6 @@
 
 			};
 
-			this.onKeyDown = event => {
-
-				if ( event.key == 'c' ) {
-
-					if ( event.ctrlKey || event.metaKey ) {
-
-						this.copyState();
-
-					}
-
-				} else if ( event.key == 'v' ) {
-
-					if ( event.ctrlKey || event.metaKey ) {
-
-						this.pasteState();
-
-					}
-
-				}
-
-			};
-
 			this.onSinglePanStart = ( event, operation ) => {
 
 				if ( this.enabled ) {
@@ -1621,13 +1605,13 @@
 
 				this._translationMatrix.makeTranslation( _offset.x, _offset.y, _offset.z );
 
-				const gizmoStateTemp = this._gizmoMatrixState.clone();
+				_gizmoMatrixStateTemp.copy( this._gizmoMatrixState );
 
 				this._gizmoMatrixState.premultiply( this._translationMatrix );
 
 				this._gizmoMatrixState.decompose( this._gizmos.position, this._gizmos.quaternion, this._gizmos.scale );
 
-				const cameraStateTemp = this._cameraMatrixState.clone();
+				_cameraMatrixStateTemp.copy( this._cameraMatrixState );
 
 				this._cameraMatrixState.premultiply( this._translationMatrix );
 
@@ -1640,9 +1624,9 @@
 
 				}
 
-				this._gizmoMatrixState.copy( gizmoStateTemp );
+				this._gizmoMatrixState.copy( _gizmoMatrixStateTemp );
 
-				this._cameraMatrixState.copy( cameraStateTemp );
+				this._cameraMatrixState.copy( _cameraMatrixStateTemp );
 
 			};
 
@@ -1710,7 +1694,6 @@
 				window.removeEventListener( 'pointermove', this.onPointerMove );
 				window.removeEventListener( 'pointerup', this.onPointerUp );
 				window.removeEventListener( 'resize', this.onWindowResize );
-				window.removeEventListener( 'keydown', this.onKeyDown );
 				if ( this.scene !== null ) this.scene.remove( this._gizmos );
 				this.disposeGrid();
 
@@ -2163,7 +2146,8 @@
 
 			this.scale = ( size, point, scaleGizmos = true ) => {
 
-				const scalePoint = point.clone();
+				_scalePointTemp.copy( point );
+
 				let sizeInverse = 1 / size;
 
 				if ( this.camera.isOrthographicCamera ) {
@@ -2199,11 +2183,13 @@
 					this._m4_2.multiply( this._translationMatrix ); //move camera and gizmos to obtain pinch effect
 
 
-					scalePoint.sub( this._v3_1 );
-					const amount = scalePoint.clone().multiplyScalar( sizeInverse );
-					scalePoint.sub( amount );
+					_scalePointTemp.sub( this._v3_1 );
+
+					const amount = _scalePointTemp.clone().multiplyScalar( sizeInverse );
+
+					_scalePointTemp.sub( amount );
 
-					this._m4_1.makeTranslation( scalePoint.x, scalePoint.y, scalePoint.z );
+					this._m4_1.makeTranslation( _scalePointTemp.x, _scalePointTemp.y, _scalePointTemp.z );
 
 					this._m4_2.premultiply( this._m4_1 );
 
@@ -2217,7 +2203,7 @@
 					this._v3_2.setFromMatrixPosition( this._gizmoMatrixState ); //move camera
 
 
-					let distance = this._v3_1.distanceTo( scalePoint );
+					let distance = this._v3_1.distanceTo( _scalePointTemp );
 
 					let amount = distance - distance * sizeInverse; //check min and max distance
 
@@ -2235,7 +2221,7 @@
 
 					}
 
-					_offset.copy( scalePoint ).sub( this._v3_1 ).normalize().multiplyScalar( amount );
+					_offset.copy( _scalePointTemp ).sub( this._v3_1 ).normalize().multiplyScalar( amount );
 
 					this._m4_1.makeTranslation( _offset.x, _offset.y, _offset.z );
 
@@ -2243,10 +2229,10 @@
 
 						//scale gizmos so they appear in the same spot having the same dimension
 						const pos = this._v3_2;
-						distance = pos.distanceTo( scalePoint );
+						distance = pos.distanceTo( _scalePointTemp );
 						amount = distance - distance * sizeInverse;
 
-						_offset.copy( scalePoint ).sub( this._v3_2 ).normalize().multiplyScalar( amount );
+						_offset.copy( _scalePointTemp ).sub( this._v3_2 ).normalize().multiplyScalar( amount );
 
 						this._translationMatrix.makeTranslation( pos.x, pos.y, pos.z );
 
@@ -2285,19 +2271,6 @@
 
 			};
 
-			this.setTarget = ( x, y, z ) => {
-
-				this.target.set( x, y, z );
-
-				this._gizmos.position.set( x, y, z ); //for correct radius calculation
-
-
-				this._tbRadius = this.calculateTbRadius( this.camera );
-				this.makeGizmos( this.target, this._tbRadius );
-				this.camera.lookAt( this.target );
-
-			};
-
 			this.zRotate = ( point, angle ) => {
 
 				this._rotationMatrix.makeRotationAxis( this._rotationAxis, angle );
@@ -2579,7 +2552,20 @@
 
 			this.update = () => {
 
-				const EPS = 0.000001; //check min/max parameters
+				const EPS = 0.000001;
+
+				if ( this.target.equals( this._currentTarget ) === false ) {
+
+					this._gizmos.position.copy( this.target ); //for correct radius calculation
+
+
+					this._tbRadius = this.calculateTbRadius( this.camera );
+					this.makeGizmos( this.target, this._tbRadius );
+
+					this._currentTarget.copy( this.target );
+
+				} //check min/max parameters
+
 
 				if ( this.camera.isOrthographicCamera ) {
 
@@ -2684,7 +2670,8 @@
 			this.camera = null;
 			this.domElement = domElement;
 			this.scene = scene;
-			this.target = new THREE.Vector3( 0, 0, 0 );
+			this.target = new THREE.Vector3();
+			this._currentTarget = new THREE.Vector3();
 			this.radiusFactor = 0.67;
 			this.mouseActions = [];
 			this._mouseOp = null; //global vectors and matrices that are used in some operations to avoid creating new objects every time (e.g. every time cursor moves)
@@ -2827,7 +2814,6 @@
 			this.domElement.addEventListener( 'wheel', this.onWheel );
 			this.domElement.addEventListener( 'pointerdown', this.onPointerDown );
 			this.domElement.addEventListener( 'pointercancel', this.onPointerCancel );
-			window.addEventListener( 'keydown', this.onKeyDown );
 			window.addEventListener( 'resize', this.onWindowResize );
 
 		} //listeners

package/examples/js/controls/TransformControls.js

@@ -532,6 +532,23 @@
 
 		}
 
+		reset() {
+
+			if ( ! this.enabled ) return;
+
+			if ( this.dragging ) {
+
+				this.object.position.copy( this._positionStart );
+				this.object.quaternion.copy( this._quaternionStart );
+				this.object.scale.copy( this._scaleStart );
+				this.dispatchEvent( _changeEvent );
+				this.dispatchEvent( _objectChangeEvent );
+				this.pointStart.copy( this.pointEnd );
+
+			}
+
+		}
+
 		getRaycaster() {
 
 			return _raycaster;
@@ -632,7 +649,13 @@
 	function onPointerDown( event ) {
 
 		if ( ! this.enabled ) return;
-		this.domElement.setPointerCapture( event.pointerId );
+
+		if ( ! document.pointerLockElement ) {
+
+			this.domElement.setPointerCapture( event.pointerId );
+
+		}
+
 		this.domElement.addEventListener( 'pointermove', this._onPointerMove );
 		this.pointerHover( this._getPointer( event ) );
 		this.pointerDown( this._getPointer( event ) );

package/examples/js/curves/CurveExtras.js

@@ -5,9 +5,7 @@
  *
  * Formulas collected from various sources
  * http://mathworld.wolfram.com/HeartCurve.html
- * http://mathdl.maa.org/images/upload_library/23/stemkoski/knots/page6.html
  * http://en.wikipedia.org/wiki/Viviani%27s_curve
- * http://mathdl.maa.org/images/upload_library/23/stemkoski/knots/page4.html
  * http://www.mi.sanu.ac.rs/vismath/taylorapril2011/Taylor.pdf
  * https://prideout.net/blog/old/blog/index.html@p=44.html
  */

package/examples/js/effects/AsciiEffect.js

@@ -1,8 +1,7 @@
 ( function () {
 
 	/**
- * Ascii generation is based on http://www.nihilogic.dk/labs/jsascii/
- * Maybe more about this later with a blog post at http://lab4games.net/zz85/blog
+ * Ascii generation is based on https://github.com/hassadee/jsascii/blob/master/jsascii.js
  *
  * 16 April 2012 - @blurspline
  */
@@ -50,13 +49,7 @@
 
 			};
 
-			this.domElement = domElement; // Throw in ascii library from http://www.nihilogic.dk/labs/jsascii/jsascii.js
-
-			/*
-    * jsAscii 0.1
-    * Copyright (c) 2008 Jacob Seidelin, jseidelin@nihilogic.dk, http://blog.nihilogic.dk/
-    * MIT License [http://www.nihilogic.dk/licenses/mit-license.txt]
-    */
+			this.domElement = domElement; // Throw in ascii library from https://github.com/hassadee/jsascii/blob/master/jsascii.js (MIT License)
 
 			function initAsciiSize() {
 

package/examples/js/exporters/GLTFExporter.js

@@ -2034,7 +2034,7 @@
 	/**
  * Specular-Glossiness Extension
  *
- * Specification: https://github.com/KhronosGroup/glTF/tree/master/extensions/2.0/Khronos/KHR_materials_pbrSpecularGlossiness
+ * Specification: https://github.com/KhronosGroup/glTF/tree/main/extensions/2.0/Archived/KHR_materials_pbrSpecularGlossiness
  */
 
 

package/examples/js/geometries/TeapotGeometry.js

@@ -42,7 +42,6 @@
  *
  * Code converted from my ancient SPD software, http://tog.acm.org/resources/SPD/
  * Created for the Udacity course "Interactive Rendering", http://bit.ly/ericity
- * Lesson: https://www.udacity.com/course/viewer#!/c-cs291/l-68866048/m-106482448
  * YouTube video on teapot history: https://www.youtube.com/watch?v=DxMfblPzFNc
  *
  * See https://en.wikipedia.org/wiki/Utah_teapot for the history of the teapot

package/examples/js/interactive/SelectionBox.js

@@ -215,6 +215,8 @@
 
 						_matrix.decompose( _center, _quaternion, _scale );
 
+						_center.applyMatrix4( object.matrixWorld );
+
 						if ( frustum.containsPoint( _center ) ) {
 
 							this.instances[ object.uuid ].push( instanceId );

package/examples/js/interactive/SelectionHelper.js

@@ -12,13 +12,15 @@
 			this.pointTopLeft = new THREE.Vector2();
 			this.pointBottomRight = new THREE.Vector2();
 			this.isDown = false;
-			this.renderer.domElement.addEventListener( 'pointerdown', function ( event ) {
+
+			this.onPointerDown = function ( event ) {
 
 				this.isDown = true;
 				this.onSelectStart( event );
 
-			}.bind( this ) );
-			this.renderer.domElement.addEventListener( 'pointermove', function ( event ) {
+			}.bind( this );
+
+			this.onPointerMove = function ( event ) {
 
 				if ( this.isDown ) {
 
@@ -26,13 +28,26 @@
 
 				}
 
-			}.bind( this ) );
-			this.renderer.domElement.addEventListener( 'pointerup', function ( event ) {
+			}.bind( this );
+
+			this.onPointerUp = function () {
 
 				this.isDown = false;
-				this.onSelectOver( event );
+				this.onSelectOver();
+
+			}.bind( this );
+
+			this.renderer.domElement.addEventListener( 'pointerdown', this.onPointerDown );
+			this.renderer.domElement.addEventListener( 'pointermove', this.onPointerMove );
+			this.renderer.domElement.addEventListener( 'pointerup', this.onPointerUp );
+
+		}
+
+		dispose() {
 
-			}.bind( this ) );
+			this.renderer.domElement.removeEventListener( 'pointerdown', this.onPointerDown );
+			this.renderer.domElement.removeEventListener( 'pointermove', this.onPointerMove );
+			this.renderer.domElement.removeEventListener( 'pointerup', this.onPointerUp );
 
 		}
 

package/examples/js/lights/RectAreaLightUniformsLib.js

@@ -28,6 +28,8 @@
 			const ltc_float_2 = new Float32Array( LTC_MAT_2 );
 			THREE.UniformsLib.LTC_FLOAT_1 = new THREE.DataTexture( ltc_float_1, 64, 64, THREE.RGBAFormat, THREE.FloatType, THREE.UVMapping, THREE.ClampToEdgeWrapping, THREE.ClampToEdgeWrapping, THREE.LinearFilter, THREE.NearestFilter, 1 );
 			THREE.UniformsLib.LTC_FLOAT_2 = new THREE.DataTexture( ltc_float_2, 64, 64, THREE.RGBAFormat, THREE.FloatType, THREE.UVMapping, THREE.ClampToEdgeWrapping, THREE.ClampToEdgeWrapping, THREE.LinearFilter, THREE.NearestFilter, 1 );
+			THREE.UniformsLib.LTC_FLOAT_1.needsUpdate = true;
+			THREE.UniformsLib.LTC_FLOAT_2.needsUpdate = true;
 			const ltc_half_1 = new Uint16Array( LTC_MAT_1.length );
 			LTC_MAT_1.forEach( function ( x, index ) {
 
@@ -42,6 +44,8 @@
 			} );
 			THREE.UniformsLib.LTC_HALF_1 = new THREE.DataTexture( ltc_half_1, 64, 64, THREE.RGBAFormat, THREE.HalfFloatType, THREE.UVMapping, THREE.ClampToEdgeWrapping, THREE.ClampToEdgeWrapping, THREE.LinearFilter, THREE.NearestFilter, 1 );
 			THREE.UniformsLib.LTC_HALF_2 = new THREE.DataTexture( ltc_half_2, 64, 64, THREE.RGBAFormat, THREE.HalfFloatType, THREE.UVMapping, THREE.ClampToEdgeWrapping, THREE.ClampToEdgeWrapping, THREE.LinearFilter, THREE.NearestFilter, 1 );
+			THREE.UniformsLib.LTC_HALF_1.needsUpdate = true;
+			THREE.UniformsLib.LTC_HALF_2.needsUpdate = true;
 
 		}
 

package/examples/js/loaders/AMFLoader.js

@@ -4,8 +4,6 @@
  * Description: Early release of an AMF THREE.Loader following the pattern of the
  * example loaders in the three.js project.
  *
- * More information about the AMF format: http://amf.wikispaces.com
- *
  * Usage:
  *	const loader = new AMFLoader();
  *	loader.load('/path/to/project.amf', function(objecttree) {

package/examples/js/loaders/ColladaLoader.js

@@ -1145,7 +1145,7 @@
 
 						case 'transparent':
 							data[ child.nodeName ] = {
-								opaque: child.getAttribute( 'opaque' ),
+								opaque: child.hasAttribute( 'opaque' ) ? child.getAttribute( 'opaque' ) : 'A_ONE',
 								data: parseEffectParameter( child )
 							};
 							break;
@@ -1597,7 +1597,6 @@
 								break;
 
 							default:
-								material.opacity = 1 - transparency.float;
 								console.warn( 'THREE.ColladaLoader: Invalid opaque type "%s" of transparent tag.', transparent.opaque );
 
 						}