@anov/3d 0.0.3 → 0.0.4-alpha12

package/examples/jsm/controls/DragControls.js

@@ -1,220 +0,0 @@
-import {
-	EventDispatcher,
-	Matrix4,
-	Plane,
-	Raycaster,
-	Vector2,
-	Vector3
-} from 'three';
-
-const _plane = new Plane();
-const _raycaster = new Raycaster();
-
-const _pointer = new Vector2();
-const _offset = new Vector3();
-const _intersection = new Vector3();
-const _worldPosition = new Vector3();
-const _inverseMatrix = new Matrix4();
-
-class DragControls extends EventDispatcher {
-
-	constructor( _objects, _camera, _domElement ) {
-
-		super();
-
-		_domElement.style.touchAction = 'none'; // disable touch scroll
-
-		let _selected = null, _hovered = null;
-
-		const _intersections = [];
-
-		//
-
-		const scope = this;
-
-		function activate() {
-
-			_domElement.addEventListener( 'pointermove', onPointerMove );
-			_domElement.addEventListener( 'pointerdown', onPointerDown );
-			_domElement.addEventListener( 'pointerup', onPointerCancel );
-			_domElement.addEventListener( 'pointerleave', onPointerCancel );
-
-		}
-
-		function deactivate() {
-
-			_domElement.removeEventListener( 'pointermove', onPointerMove );
-			_domElement.removeEventListener( 'pointerdown', onPointerDown );
-			_domElement.removeEventListener( 'pointerup', onPointerCancel );
-			_domElement.removeEventListener( 'pointerleave', onPointerCancel );
-
-			_domElement.style.cursor = '';
-
-		}
-
-		function dispose() {
-
-			deactivate();
-
-		}
-
-		function getObjects() {
-
-			return _objects;
-
-		}
-
-		function getRaycaster() {
-
-			return _raycaster;
-
-		}
-
-		function onPointerMove( event ) {
-
-			if ( scope.enabled === false ) return;
-
-			updatePointer( event );
-
-			_raycaster.setFromCamera( _pointer, _camera );
-
-			if ( _selected ) {
-
-				if ( _raycaster.ray.intersectPlane( _plane, _intersection ) ) {
-
-					_selected.position.copy( _intersection.sub( _offset ).applyMatrix4( _inverseMatrix ) );
-
-				}
-
-				scope.dispatchEvent( { type: 'drag', object: _selected } );
-
-				return;
-
-			}
-
-			// hover support
-
-			if ( event.pointerType === 'mouse' || event.pointerType === 'pen' ) {
-
-				_intersections.length = 0;
-
-				_raycaster.setFromCamera( _pointer, _camera );
-				_raycaster.intersectObjects( _objects, true, _intersections );
-
-				if ( _intersections.length > 0 ) {
-
-					const object = _intersections[ 0 ].object;
-
-					_plane.setFromNormalAndCoplanarPoint( _camera.getWorldDirection( _plane.normal ), _worldPosition.setFromMatrixPosition( object.matrixWorld ) );
-
-					if ( _hovered !== object && _hovered !== null ) {
-
-						scope.dispatchEvent( { type: 'hoveroff', object: _hovered } );
-
-						_domElement.style.cursor = 'auto';
-						_hovered = null;
-
-					}
-
-					if ( _hovered !== object ) {
-
-						scope.dispatchEvent( { type: 'hoveron', object: object } );
-
-						_domElement.style.cursor = 'pointer';
-						_hovered = object;
-
-					}
-
-				} else {
-
-					if ( _hovered !== null ) {
-
-						scope.dispatchEvent( { type: 'hoveroff', object: _hovered } );
-
-						_domElement.style.cursor = 'auto';
-						_hovered = null;
-
-					}
-
-				}
-
-			}
-
-		}
-
-		function onPointerDown( event ) {
-
-			if ( scope.enabled === false ) return;
-
-			updatePointer( event );
-
-			_intersections.length = 0;
-
-			_raycaster.setFromCamera( _pointer, _camera );
-			_raycaster.intersectObjects( _objects, true, _intersections );
-
-			if ( _intersections.length > 0 ) {
-
-				_selected = ( scope.transformGroup === true ) ? _objects[ 0 ] : _intersections[ 0 ].object;
-
-				_plane.setFromNormalAndCoplanarPoint( _camera.getWorldDirection( _plane.normal ), _worldPosition.setFromMatrixPosition( _selected.matrixWorld ) );
-
-				if ( _raycaster.ray.intersectPlane( _plane, _intersection ) ) {
-
-					_inverseMatrix.copy( _selected.parent.matrixWorld ).invert();
-					_offset.copy( _intersection ).sub( _worldPosition.setFromMatrixPosition( _selected.matrixWorld ) );
-
-				}
-
-				_domElement.style.cursor = 'move';
-
-				scope.dispatchEvent( { type: 'dragstart', object: _selected } );
-
-			}
-
-
-		}
-
-		function onPointerCancel() {
-
-			if ( scope.enabled === false ) return;
-
-			if ( _selected ) {
-
-				scope.dispatchEvent( { type: 'dragend', object: _selected } );
-
-				_selected = null;
-
-			}
-
-			_domElement.style.cursor = _hovered ? 'pointer' : 'auto';
-
-		}
-
-		function updatePointer( event ) {
-
-			const rect = _domElement.getBoundingClientRect();
-
-			_pointer.x = ( event.clientX - rect.left ) / rect.width * 2 - 1;
-			_pointer.y = - ( event.clientY - rect.top ) / rect.height * 2 + 1;
-
-		}
-
-		activate();
-
-		// API
-
-		this.enabled = true;
-		this.transformGroup = false;
-
-		this.activate = activate;
-		this.deactivate = deactivate;
-		this.dispose = dispose;
-		this.getObjects = getObjects;
-		this.getRaycaster = getRaycaster;
-
-	}
-
-}
-
-export { DragControls };

package/examples/jsm/controls/FirstPersonControls.js

@@ -1,325 +0,0 @@
-import {
-	MathUtils,
-	Spherical,
-	Vector3
-} from 'three';
-
-const _lookDirection = new Vector3();
-const _spherical = new Spherical();
-const _target = new Vector3();
-
-class FirstPersonControls {
-
-	constructor( object, domElement ) {
-
-		this.object = object;
-		this.domElement = domElement;
-
-		// API
-
-		this.enabled = true;
-
-		this.movementSpeed = 1.0;
-		this.lookSpeed = 0.005;
-
-		this.lookVertical = true;
-		this.autoForward = false;
-
-		this.activeLook = true;
-
-		this.heightSpeed = false;
-		this.heightCoef = 1.0;
-		this.heightMin = 0.0;
-		this.heightMax = 1.0;
-
-		this.constrainVertical = false;
-		this.verticalMin = 0;
-		this.verticalMax = Math.PI;
-
-		this.mouseDragOn = false;
-
-		// internals
-
-		this.autoSpeedFactor = 0.0;
-
-		this.pointerX = 0;
-		this.pointerY = 0;
-
-		this.moveForward = false;
-		this.moveBackward = false;
-		this.moveLeft = false;
-		this.moveRight = false;
-
-		this.viewHalfX = 0;
-		this.viewHalfY = 0;
-
-		// private variables
-
-		let lat = 0;
-		let lon = 0;
-
-		//
-
-		this.handleResize = function () {
-
-			if ( this.domElement === document ) {
-
-				this.viewHalfX = window.innerWidth / 2;
-				this.viewHalfY = window.innerHeight / 2;
-
-			} else {
-
-				this.viewHalfX = this.domElement.offsetWidth / 2;
-				this.viewHalfY = this.domElement.offsetHeight / 2;
-
-			}
-
-		};
-
-		this.onPointerDown = function ( event ) {
-
-			if ( this.domElement !== document ) {
-
-				this.domElement.focus();
-
-			}
-
-			if ( this.activeLook ) {
-
-				switch ( event.button ) {
-
-					case 0: this.moveForward = true; break;
-					case 2: this.moveBackward = true; break;
-
-				}
-
-			}
-
-			this.mouseDragOn = true;
-
-		};
-
-		this.onPointerUp = function ( event ) {
-
-			if ( this.activeLook ) {
-
-				switch ( event.button ) {
-
-					case 0: this.moveForward = false; break;
-					case 2: this.moveBackward = false; break;
-
-				}
-
-			}
-
-			this.mouseDragOn = false;
-
-		};
-
-		this.onPointerMove = function ( event ) {
-
-			if ( this.domElement === document ) {
-
-				this.pointerX = event.pageX - this.viewHalfX;
-				this.pointerY = event.pageY - this.viewHalfY;
-
-			} else {
-
-				this.pointerX = event.pageX - this.domElement.offsetLeft - this.viewHalfX;
-				this.pointerY = event.pageY - this.domElement.offsetTop - this.viewHalfY;
-
-			}
-
-		};
-
-		this.onKeyDown = function ( event ) {
-
-			switch ( event.code ) {
-
-				case 'ArrowUp':
-				case 'KeyW': this.moveForward = true; break;
-
-				case 'ArrowLeft':
-				case 'KeyA': this.moveLeft = true; break;
-
-				case 'ArrowDown':
-				case 'KeyS': this.moveBackward = true; break;
-
-				case 'ArrowRight':
-				case 'KeyD': this.moveRight = true; break;
-
-				case 'KeyR': this.moveUp = true; break;
-				case 'KeyF': this.moveDown = true; break;
-
-			}
-
-		};
-
-		this.onKeyUp = function ( event ) {
-
-			switch ( event.code ) {
-
-				case 'ArrowUp':
-				case 'KeyW': this.moveForward = false; break;
-
-				case 'ArrowLeft':
-				case 'KeyA': this.moveLeft = false; break;
-
-				case 'ArrowDown':
-				case 'KeyS': this.moveBackward = false; break;
-
-				case 'ArrowRight':
-				case 'KeyD': this.moveRight = false; break;
-
-				case 'KeyR': this.moveUp = false; break;
-				case 'KeyF': this.moveDown = false; break;
-
-			}
-
-		};
-
-		this.lookAt = function ( x, y, z ) {
-
-			if ( x.isVector3 ) {
-
-				_target.copy( x );
-
-			} else {
-
-				_target.set( x, y, z );
-
-			}
-
-			this.object.lookAt( _target );
-
-			setOrientation( this );
-
-			return this;
-
-		};
-
-		this.update = function () {
-
-			const targetPosition = new Vector3();
-
-			return function update( delta ) {
-
-				if ( this.enabled === false ) return;
-
-				if ( this.heightSpeed ) {
-
-					const y = MathUtils.clamp( this.object.position.y, this.heightMin, this.heightMax );
-					const heightDelta = y - this.heightMin;
-
-					this.autoSpeedFactor = delta * ( heightDelta * this.heightCoef );
-
-				} else {
-
-					this.autoSpeedFactor = 0.0;
-
-				}
-
-				const actualMoveSpeed = delta * this.movementSpeed;
-
-				if ( this.moveForward || ( this.autoForward && ! this.moveBackward ) ) this.object.translateZ( - ( actualMoveSpeed + this.autoSpeedFactor ) );
-				if ( this.moveBackward ) this.object.translateZ( actualMoveSpeed );
-
-				if ( this.moveLeft ) this.object.translateX( - actualMoveSpeed );
-				if ( this.moveRight ) this.object.translateX( actualMoveSpeed );
-
-				if ( this.moveUp ) this.object.translateY( actualMoveSpeed );
-				if ( this.moveDown ) this.object.translateY( - actualMoveSpeed );
-
-				let actualLookSpeed = delta * this.lookSpeed;
-
-				if ( ! this.activeLook ) {
-
-					actualLookSpeed = 0;
-
-				}
-
-				let verticalLookRatio = 1;
-
-				if ( this.constrainVertical ) {
-
-					verticalLookRatio = Math.PI / ( this.verticalMax - this.verticalMin );
-
-				}
-
-				lon -= this.pointerX * actualLookSpeed;
-				if ( this.lookVertical ) lat -= this.pointerY * actualLookSpeed * verticalLookRatio;
-
-				lat = Math.max( - 85, Math.min( 85, lat ) );
-
-				let phi = MathUtils.degToRad( 90 - lat );
-				const theta = MathUtils.degToRad( lon );
-
-				if ( this.constrainVertical ) {
-
-					phi = MathUtils.mapLinear( phi, 0, Math.PI, this.verticalMin, this.verticalMax );
-
-				}
-
-				const position = this.object.position;
-
-				targetPosition.setFromSphericalCoords( 1, phi, theta ).add( position );
-
-				this.object.lookAt( targetPosition );
-
-			};
-
-		}();
-
-		this.dispose = function () {
-
-			this.domElement.removeEventListener( 'contextmenu', contextmenu );
-			this.domElement.removeEventListener( 'pointerdown', _onPointerDown );
-			this.domElement.removeEventListener( 'pointermove', _onPointerMove );
-			this.domElement.removeEventListener( 'pointerup', _onPointerUp );
-
-			window.removeEventListener( 'keydown', _onKeyDown );
-			window.removeEventListener( 'keyup', _onKeyUp );
-
-		};
-
-		const _onPointerMove = this.onPointerMove.bind( this );
-		const _onPointerDown = this.onPointerDown.bind( this );
-		const _onPointerUp = this.onPointerUp.bind( this );
-		const _onKeyDown = this.onKeyDown.bind( this );
-		const _onKeyUp = this.onKeyUp.bind( this );
-
-		this.domElement.addEventListener( 'contextmenu', contextmenu );
-		this.domElement.addEventListener( 'pointerdown', _onPointerDown );
-		this.domElement.addEventListener( 'pointermove', _onPointerMove );
-		this.domElement.addEventListener( 'pointerup', _onPointerUp );
-
-		window.addEventListener( 'keydown', _onKeyDown );
-		window.addEventListener( 'keyup', _onKeyUp );
-
-		function setOrientation( controls ) {
-
-			const quaternion = controls.object.quaternion;
-
-			_lookDirection.set( 0, 0, - 1 ).applyQuaternion( quaternion );
-			_spherical.setFromVector3( _lookDirection );
-
-			lat = 90 - MathUtils.radToDeg( _spherical.phi );
-			lon = MathUtils.radToDeg( _spherical.theta );
-
-		}
-
-		this.handleResize();
-
-		setOrientation( this );
-
-	}
-
-}
-
-function contextmenu( event ) {
-
-	event.preventDefault();
-
-}
-
-export { FirstPersonControls };