@needle-tools/three 0.145.4 → 0.146.2

package/examples/js/controls/TrackballControls.js

@@ -9,7 +9,6 @@
 	const _endEvent = {
 		type: 'end'
 	};
-
 	class TrackballControls extends THREE.EventDispatcher {
 
 		constructor( object, domElement ) {
@@ -27,6 +26,7 @@
 			this.object = object;
 			this.domElement = domElement;
 			this.domElement.style.touchAction = 'none'; // disable touch scroll
+
 			// API
 
 			this.enabled = true;
@@ -46,18 +46,15 @@
 			this.dynamicDampingFactor = 0.2;
 			this.minDistance = 0;
 			this.maxDistance = Infinity;
-			this.keys = [ 'KeyA',
-				/*A*/
-				'KeyS',
-				/*S*/
-				'KeyD'
-				/*D*/
-			];
+			this.keys = [ 'KeyA' /*A*/, 'KeyS' /*S*/, 'KeyD' /*D*/];
+
 			this.mouseButtons = {
 				LEFT: THREE.MOUSE.ROTATE,
 				MIDDLE: THREE.MOUSE.DOLLY,
 				RIGHT: THREE.MOUSE.PAN
-			}; // internals
+			};
+
+			// internals
 
 			this.target = new THREE.Vector3();
 			const EPS = 0.000001;
@@ -68,7 +65,6 @@
 				_touchZoomDistanceStart = 0,
 				_touchZoomDistanceEnd = 0,
 				_lastAngle = 0;
-
 			const _eye = new THREE.Vector3(),
 				_movePrev = new THREE.Vector2(),
 				_moveCurr = new THREE.Vector2(),
@@ -78,18 +74,21 @@
 				_panStart = new THREE.Vector2(),
 				_panEnd = new THREE.Vector2(),
 				_pointers = [],
-				_pointerPositions = {}; // for reset
+				_pointerPositions = {};
 
+			// for reset
 
 			this.target0 = this.target.clone();
 			this.position0 = this.object.position.clone();
 			this.up0 = this.object.up.clone();
-			this.zoom0 = this.object.zoom; // methods
+			this.zoom0 = this.object.zoom;
 
-			this.handleResize = function () {
+			// methods
 
-				const box = scope.domElement.getBoundingClientRect(); // adjustments come from similar code in the jquery offset() function
+			this.handleResize = function () {
 
+				const box = scope.domElement.getBoundingClientRect();
+				// adjustments come from similar code in the jquery offset() function
 				const d = scope.domElement.ownerDocument.documentElement;
 				scope.screen.left = box.left + window.pageXOffset - d.clientLeft;
 				scope.screen.top = box.top + window.pageYOffset - d.clientTop;
@@ -109,7 +108,6 @@
 				};
 
 			}();
-
 			const getMouseOnCircle = function () {
 
 				const vector = new THREE.Vector2();
@@ -117,12 +115,12 @@
 
 					vector.set( ( pageX - scope.screen.width * 0.5 - scope.screen.left ) / ( scope.screen.width * 0.5 ), ( scope.screen.height + 2 * ( scope.screen.top - pageY ) ) / scope.screen.width // screen.width intentional
 					);
+
 					return vector;
 
 				};
 
 			}();
-
 			this.rotateCamera = function () {
 
 				const axis = new THREE.Vector3(),
@@ -135,11 +133,9 @@
 
 					moveDirection.set( _moveCurr.x - _movePrev.x, _moveCurr.y - _movePrev.y, 0 );
 					let angle = moveDirection.length();
-
 					if ( angle ) {
 
 						_eye.copy( scope.object.position ).sub( scope.target );
-
 						eyeDirection.copy( _eye ).normalize();
 						objectUpDirection.copy( scope.object.up ).normalize();
 						objectSidewaysDirection.crossVectors( objectUpDirection, eyeDirection ).normalize();
@@ -149,25 +145,17 @@
 						axis.crossVectors( moveDirection, _eye ).normalize();
 						angle *= scope.rotateSpeed;
 						quaternion.setFromAxisAngle( axis, angle );
-
 						_eye.applyQuaternion( quaternion );
-
 						scope.object.up.applyQuaternion( quaternion );
-
 						_lastAxis.copy( axis );
-
 						_lastAngle = angle;
 
 					} else if ( ! scope.staticMoving && _lastAngle ) {
 
 						_lastAngle *= Math.sqrt( 1.0 - scope.dynamicDampingFactor );
-
 						_eye.copy( scope.object.position ).sub( scope.target );
-
 						quaternion.setFromAxisAngle( _lastAxis, _lastAngle );
-
 						_eye.applyQuaternion( quaternion );
-
 						scope.object.up.applyQuaternion( quaternion );
 
 					}
@@ -177,16 +165,13 @@
 				};
 
 			}();
-
 			this.zoomCamera = function () {
 
 				let factor;
-
 				if ( _state === STATE.TOUCH_ZOOM_PAN ) {
 
 					factor = _touchZoomDistanceStart / _touchZoomDistanceEnd;
 					_touchZoomDistanceStart = _touchZoomDistanceEnd;
-
 					if ( scope.object.isPerspectiveCamera ) {
 
 						_eye.multiplyScalar( factor );
@@ -205,7 +190,6 @@
 				} else {
 
 					factor = 1.0 + ( _zoomEnd.y - _zoomStart.y ) * scope.zoomSpeed;
-
 					if ( factor !== 1.0 && factor > 0.0 ) {
 
 						if ( scope.object.isPerspectiveCamera ) {
@@ -247,7 +231,6 @@
 				return function panCamera() {
 
 					mouseChange.copy( _panEnd ).sub( _panStart );
-
 					if ( mouseChange.lengthSq() ) {
 
 						if ( scope.object.isOrthographicCamera ) {
@@ -264,7 +247,6 @@
 						pan.add( objectUp.copy( scope.object.up ).setLength( mouseChange.y ) );
 						scope.object.position.add( pan );
 						scope.target.add( pan );
-
 						if ( scope.staticMoving ) {
 
 							_panStart.copy( _panEnd );
@@ -280,7 +262,6 @@
 				};
 
 			}();
-
 			this.checkDistances = function () {
 
 				if ( ! scope.noZoom || ! scope.noPan ) {
@@ -288,7 +269,6 @@
 					if ( _eye.lengthSq() > scope.maxDistance * scope.maxDistance ) {
 
 						scope.object.position.addVectors( scope.target, _eye.setLength( scope.maxDistance ) );
-
 						_zoomStart.copy( _zoomEnd );
 
 					}
@@ -296,7 +276,6 @@
 					if ( _eye.lengthSq() < scope.minDistance * scope.minDistance ) {
 
 						scope.object.position.addVectors( scope.target, _eye.setLength( scope.minDistance ) );
-
 						_zoomStart.copy( _zoomEnd );
 
 					}
@@ -308,7 +287,6 @@
 			this.update = function () {
 
 				_eye.subVectors( scope.object.position, scope.target );
-
 				if ( ! scope.noRotate ) {
 
 					scope.rotateCamera();
@@ -328,12 +306,10 @@
 				}
 
 				scope.object.position.addVectors( scope.target, _eye );
-
 				if ( scope.object.isPerspectiveCamera ) {
 
 					scope.checkDistances();
 					scope.object.lookAt( scope.target );
-
 					if ( lastPosition.distanceToSquared( scope.object.position ) > EPS ) {
 
 						scope.dispatchEvent( _changeEvent );
@@ -344,7 +320,6 @@
 				} else if ( scope.object.isOrthographicCamera ) {
 
 					scope.object.lookAt( scope.target );
-
 					if ( lastPosition.distanceToSquared( scope.object.position ) > EPS || lastZoom !== scope.object.zoom ) {
 
 						scope.dispatchEvent( _changeEvent );
@@ -370,32 +345,30 @@
 				scope.object.up.copy( scope.up0 );
 				scope.object.zoom = scope.zoom0;
 				scope.object.updateProjectionMatrix();
-
 				_eye.subVectors( scope.object.position, scope.target );
-
 				scope.object.lookAt( scope.target );
 				scope.dispatchEvent( _changeEvent );
 				lastPosition.copy( scope.object.position );
 				lastZoom = scope.object.zoom;
 
-			}; // listeners
+			};
 
+			// listeners
 
 			function onPointerDown( event ) {
 
 				if ( scope.enabled === false ) return;
-
 				if ( _pointers.length === 0 ) {
 
 					scope.domElement.setPointerCapture( event.pointerId );
 					scope.domElement.addEventListener( 'pointermove', onPointerMove );
 					scope.domElement.addEventListener( 'pointerup', onPointerUp );
 
-				} //
+				}
 
+				//
 
 				addPointer( event );
-
 				if ( event.pointerType === 'touch' ) {
 
 					onTouchStart( event );
@@ -411,7 +384,6 @@
 			function onPointerMove( event ) {
 
 				if ( scope.enabled === false ) return;
-
 				if ( event.pointerType === 'touch' ) {
 
 					onTouchMove( event );
@@ -427,7 +399,6 @@
 			function onPointerUp( event ) {
 
 				if ( scope.enabled === false ) return;
-
 				if ( event.pointerType === 'touch' ) {
 
 					onTouchEnd( event );
@@ -436,11 +407,11 @@
 
 					onMouseUp();
 
-				} //
+				}
 
+				//
 
 				removePointer( event );
-
 				if ( _pointers.length === 0 ) {
 
 					scope.domElement.releasePointerCapture( event.pointerId );
@@ -461,7 +432,6 @@
 
 				if ( scope.enabled === false ) return;
 				window.removeEventListener( 'keydown', keydown );
-
 				if ( _keyState !== STATE.NONE ) {
 
 					return;
@@ -499,11 +469,9 @@
 						case scope.mouseButtons.LEFT:
 							_state = STATE.ROTATE;
 							break;
-
 						case scope.mouseButtons.MIDDLE:
 							_state = STATE.ZOOM;
 							break;
-
 						case scope.mouseButtons.RIGHT:
 							_state = STATE.PAN;
 							break;
@@ -513,23 +481,19 @@
 				}
 
 				const state = _keyState !== STATE.NONE ? _keyState : _state;
-
 				if ( state === STATE.ROTATE && ! scope.noRotate ) {
 
 					_moveCurr.copy( getMouseOnCircle( event.pageX, event.pageY ) );
-
 					_movePrev.copy( _moveCurr );
 
 				} else if ( state === STATE.ZOOM && ! scope.noZoom ) {
 
 					_zoomStart.copy( getMouseOnScreen( event.pageX, event.pageY ) );
-
 					_zoomEnd.copy( _zoomStart );
 
 				} else if ( state === STATE.PAN && ! scope.noPan ) {
 
 					_panStart.copy( getMouseOnScreen( event.pageX, event.pageY ) );
-
 					_panEnd.copy( _panStart );
 
 				}
@@ -541,11 +505,9 @@
 			function onMouseMove( event ) {
 
 				const state = _keyState !== STATE.NONE ? _keyState : _state;
-
 				if ( state === STATE.ROTATE && ! scope.noRotate ) {
 
 					_movePrev.copy( _moveCurr );
-
 					_moveCurr.copy( getMouseOnCircle( event.pageX, event.pageY ) );
 
 				} else if ( state === STATE.ZOOM && ! scope.noZoom ) {
@@ -572,19 +534,16 @@
 				if ( scope.enabled === false ) return;
 				if ( scope.noZoom === true ) return;
 				event.preventDefault();
-
 				switch ( event.deltaMode ) {
 
 					case 2:
 						// Zoom in pages
 						_zoomStart.y -= event.deltaY * 0.025;
 						break;
-
 					case 1:
 						// Zoom in lines
 						_zoomStart.y -= event.deltaY * 0.01;
 						break;
-
 					default:
 						// undefined, 0, assume pixels
 						_zoomStart.y -= event.deltaY * 0.00025;
@@ -600,18 +559,13 @@
 			function onTouchStart( event ) {
 
 				trackPointer( event );
-
 				switch ( _pointers.length ) {
 
 					case 1:
 						_state = STATE.TOUCH_ROTATE;
-
 						_moveCurr.copy( getMouseOnCircle( _pointers[ 0 ].pageX, _pointers[ 0 ].pageY ) );
-
 						_movePrev.copy( _moveCurr );
-
 						break;
-
 					default:
 						// 2 or more
 						_state = STATE.TOUCH_ZOOM_PAN;
@@ -620,11 +574,8 @@
 						_touchZoomDistanceEnd = _touchZoomDistanceStart = Math.sqrt( dx * dx + dy * dy );
 						const x = ( _pointers[ 0 ].pageX + _pointers[ 1 ].pageX ) / 2;
 						const y = ( _pointers[ 0 ].pageY + _pointers[ 1 ].pageY ) / 2;
-
 						_panStart.copy( getMouseOnScreen( x, y ) );
-
 						_panEnd.copy( _panStart );
-
 						break;
 
 				}
@@ -636,27 +587,22 @@
 			function onTouchMove( event ) {
 
 				trackPointer( event );
-
 				switch ( _pointers.length ) {
 
 					case 1:
 						_movePrev.copy( _moveCurr );
-
 						_moveCurr.copy( getMouseOnCircle( event.pageX, event.pageY ) );
-
 						break;
-
 					default:
 						// 2 or more
+
 						const position = getSecondPointerPosition( event );
 						const dx = event.pageX - position.x;
 						const dy = event.pageY - position.y;
 						_touchZoomDistanceEnd = Math.sqrt( dx * dx + dy * dy );
 						const x = ( event.pageX + position.x ) / 2;
 						const y = ( event.pageY + position.y ) / 2;
-
 						_panEnd.copy( getMouseOnScreen( x, y ) );
-
 						break;
 
 				}
@@ -670,22 +616,25 @@
 					case 0:
 						_state = STATE.NONE;
 						break;
-
 					case 1:
 						_state = STATE.TOUCH_ROTATE;
-
 						_moveCurr.copy( getMouseOnCircle( event.pageX, event.pageY ) );
-
 						_movePrev.copy( _moveCurr );
-
 						break;
-
 					case 2:
 						_state = STATE.TOUCH_ZOOM_PAN;
+						for ( let i = 0; i < _pointers.length; i ++ ) {
 
-						_moveCurr.copy( getMouseOnCircle( event.pageX - _movePrev.x, event.pageY - _movePrev.y ) );
+							if ( _pointers[ i ].pointerId !== event.pointerId ) {
 
-						_movePrev.copy( _moveCurr );
+								const position = _pointerPositions[ _pointers[ i ].pointerId ];
+								_moveCurr.copy( getMouseOnCircle( position.x, position.y ) );
+								_movePrev.copy( _moveCurr );
+								break;
+
+							}
+
+						}
 
 						break;
 
@@ -711,13 +660,11 @@
 			function removePointer( event ) {
 
 				delete _pointerPositions[ event.pointerId ];
-
 				for ( let i = 0; i < _pointers.length; i ++ ) {
 
 					if ( _pointers[ i ].pointerId == event.pointerId ) {
 
 						_pointers.splice( i, 1 );
-
 						return;
 
 					}
@@ -729,7 +676,6 @@
 			function trackPointer( event ) {
 
 				let position = _pointerPositions[ event.pointerId ];
-
 				if ( position === undefined ) {
 
 					position = new THREE.Vector2();
@@ -769,8 +715,9 @@
 			} );
 			window.addEventListener( 'keydown', keydown );
 			window.addEventListener( 'keyup', keyup );
-			this.handleResize(); // force an update at start
+			this.handleResize();
 
+			// force an update at start
 			this.update();
 
 		}