super-three 0.133.4 → 0.136.1

package/examples/js/utils/RoughnessMipmapper.js

@@ -1,278 +0,0 @@
-( function () {
-
-	/**
- * This class generates custom mipmaps for a roughness map by encoding the lost variation in the
- * normal map mip levels as increased roughness in the corresponding roughness mip levels. This
- * helps with rendering accuracy for MeshStandardMaterial, and also helps with anti-aliasing when
- * using PMREM. If the normal map is larger than the roughness map, the roughness map will be
- * enlarged to match the dimensions of the normal map.
- */
-
-	const _mipmapMaterial = _getMipmapMaterial();
-
-	const _mesh = new THREE.Mesh( new THREE.PlaneGeometry( 2, 2 ), _mipmapMaterial );
-
-	const _flatCamera = new THREE.OrthographicCamera( 0, 1, 0, 1, 0, 1 );
-
-	let _tempTarget = null;
-	let _renderer = null;
-
-	class RoughnessMipmapper {
-
-		constructor( renderer ) {
-
-			_renderer = renderer;
-
-			_renderer.compile( _mesh, _flatCamera );
-
-		}
-
-		generateMipmaps( material ) {
-
-			if ( 'roughnessMap' in material === false ) return;
-			const {
-				roughnessMap,
-				normalMap
-			} = material;
-			if ( roughnessMap === null || normalMap === null || ! roughnessMap.generateMipmaps || material.userData.roughnessUpdated ) return;
-			material.userData.roughnessUpdated = true;
-			let width = Math.max( roughnessMap.image.width, normalMap.image.width );
-			let height = Math.max( roughnessMap.image.height, normalMap.image.height );
-			if ( ! THREE.MathUtils.isPowerOfTwo( width ) || ! THREE.MathUtils.isPowerOfTwo( height ) ) return;
-
-			const oldTarget = _renderer.getRenderTarget();
-
-			const autoClear = _renderer.autoClear;
-			_renderer.autoClear = false;
-
-			if ( _tempTarget === null || _tempTarget.width !== width || _tempTarget.height !== height ) {
-
-				if ( _tempTarget !== null ) _tempTarget.dispose();
-				_tempTarget = new THREE.WebGLRenderTarget( width, height, {
-					depthBuffer: false
-				} );
-				_tempTarget.scissorTest = true;
-
-			}
-
-			if ( width !== roughnessMap.image.width || height !== roughnessMap.image.height ) {
-
-				const params = {
-					wrapS: roughnessMap.wrapS,
-					wrapT: roughnessMap.wrapT,
-					magFilter: roughnessMap.magFilter,
-					minFilter: roughnessMap.minFilter,
-					depthBuffer: false
-				};
-				const newRoughnessTarget = new THREE.WebGLRenderTarget( width, height, params );
-				newRoughnessTarget.texture.generateMipmaps = true; // Setting the render target causes the memory to be allocated.
-
-				_renderer.setRenderTarget( newRoughnessTarget );
-
-				material.roughnessMap = newRoughnessTarget.texture;
-				if ( material.metalnessMap == roughnessMap ) material.metalnessMap = material.roughnessMap;
-				if ( material.aoMap == roughnessMap ) material.aoMap = material.roughnessMap; // Copy UV transform parameters
-
-				material.roughnessMap.offset.copy( roughnessMap.offset );
-				material.roughnessMap.repeat.copy( roughnessMap.repeat );
-				material.roughnessMap.center.copy( roughnessMap.center );
-				material.roughnessMap.rotation = roughnessMap.rotation;
-				material.roughnessMap.matrixAutoUpdate = roughnessMap.matrixAutoUpdate;
-				material.roughnessMap.matrix.copy( roughnessMap.matrix );
-
-			}
-
-			_mipmapMaterial.uniforms.roughnessMap.value = roughnessMap;
-			_mipmapMaterial.uniforms.normalMap.value = normalMap;
-			const position = new THREE.Vector2( 0, 0 );
-			const texelSize = _mipmapMaterial.uniforms.texelSize.value;
-
-			for ( let mip = 0; width >= 1 && height >= 1; ++ mip, width /= 2, height /= 2 ) {
-
-				// Rendering to a mip level is not allowed in webGL1. Instead we must set
-				// up a secondary texture to write the result to, then copy it back to the
-				// proper mipmap level.
-				texelSize.set( 1.0 / width, 1.0 / height );
-				if ( mip == 0 ) texelSize.set( 0.0, 0.0 );
-
-				_tempTarget.viewport.set( position.x, position.y, width, height );
-
-				_tempTarget.scissor.set( position.x, position.y, width, height );
-
-				_renderer.setRenderTarget( _tempTarget );
-
-				_renderer.render( _mesh, _flatCamera );
-
-				_renderer.copyFramebufferToTexture( position, material.roughnessMap, mip );
-
-				_mipmapMaterial.uniforms.roughnessMap.value = material.roughnessMap;
-
-			}
-
-			if ( roughnessMap !== material.roughnessMap ) roughnessMap.dispose();
-
-			_renderer.setRenderTarget( oldTarget );
-
-			_renderer.autoClear = autoClear;
-
-		}
-
-		dispose() {
-
-			_mipmapMaterial.dispose();
-
-			_mesh.geometry.dispose();
-
-			if ( _tempTarget != null ) _tempTarget.dispose();
-
-		}
-
-	}
-
-	function _getMipmapMaterial() {
-
-		const shaderMaterial = new THREE.RawShaderMaterial( {
-			uniforms: {
-				roughnessMap: {
-					value: null
-				},
-				normalMap: {
-					value: null
-				},
-				texelSize: {
-					value: new THREE.Vector2( 1, 1 )
-				}
-			},
-			vertexShader:
-    /* glsl */
-    `
-			precision mediump float;
-			precision mediump int;
-
-			attribute vec3 position;
-			attribute vec2 uv;
-
-			varying vec2 vUv;
-
-			void main() {
-
-				vUv = uv;
-
-				gl_Position = vec4( position, 1.0 );
-
-			}
-		`,
-			fragmentShader:
-    /* glsl */
-    `
-			precision mediump float;
-			precision mediump int;
-
-			varying vec2 vUv;
-
-			uniform sampler2D roughnessMap;
-			uniform sampler2D normalMap;
-			uniform vec2 texelSize;
-
-			#define ENVMAP_TYPE_CUBE_UV
-
-			vec4 envMapTexelToLinear( vec4 a ) { return a; }
-
-			#include <cube_uv_reflection_fragment>
-
-			float roughnessToVariance( float roughness ) {
-
-				float variance = 0.0;
-
-				if ( roughness >= r1 ) {
-
-					variance = ( r0 - roughness ) * ( v1 - v0 ) / ( r0 - r1 ) + v0;
-
-				} else if ( roughness >= r4 ) {
-
-					variance = ( r1 - roughness ) * ( v4 - v1 ) / ( r1 - r4 ) + v1;
-
-				} else if ( roughness >= r5 ) {
-
-					variance = ( r4 - roughness ) * ( v5 - v4 ) / ( r4 - r5 ) + v4;
-
-				} else {
-
-					float roughness2 = roughness * roughness;
-
-					variance = 1.79 * roughness2 * roughness2;
-
-				}
-
-				return variance;
-
-			}
-
-			float varianceToRoughness( float variance ) {
-
-				float roughness = 0.0;
-
-				if ( variance >= v1 ) {
-
-					roughness = ( v0 - variance ) * ( r1 - r0 ) / ( v0 - v1 ) + r0;
-
-				} else if ( variance >= v4 ) {
-
-					roughness = ( v1 - variance ) * ( r4 - r1 ) / ( v1 - v4 ) + r1;
-
-				} else if ( variance >= v5 ) {
-
-					roughness = ( v4 - variance ) * ( r5 - r4 ) / ( v4 - v5 ) + r4;
-
-				} else {
-
-					roughness = pow( 0.559 * variance, 0.25 ); // 0.559 = 1.0 / 1.79
-
-				}
-
-				return roughness;
-
-			}
-
-			void main() {
-
-				gl_FragColor = texture2D( roughnessMap, vUv, - 1.0 );
-
-				if ( texelSize.x == 0.0 ) return;
-
-				float roughness = gl_FragColor.g;
-
-				float variance = roughnessToVariance( roughness );
-
-				vec3 avgNormal;
-
-				for ( float x = - 1.0; x < 2.0; x += 2.0 ) {
-
-					for ( float y = - 1.0; y < 2.0; y += 2.0 ) {
-
-						vec2 uv = vUv + vec2( x, y ) * 0.25 * texelSize;
-
-						avgNormal += normalize( texture2D( normalMap, uv, - 1.0 ).xyz - 0.5 );
-
-					}
-
-				}
-
-				variance += 1.0 - 0.25 * length( avgNormal );
-
-				gl_FragColor.g = varianceToRoughness( variance );
-
-			}
-		`,
-			blending: THREE.NoBlending,
-			depthTest: false,
-			depthWrite: false
-		} );
-		shaderMaterial.type = 'RoughnessMipmapper';
-		return shaderMaterial;
-
-	}
-
-	THREE.RoughnessMipmapper = RoughnessMipmapper;
-
-} )();

package/examples/jsm/controls/DeviceOrientationControls.js

@@ -1,153 +0,0 @@
-import {
-	Euler,
-	EventDispatcher,
-	MathUtils,
-	Quaternion,
-	Vector3
-} from 'three';
-
-const _zee = new Vector3( 0, 0, 1 );
-const _euler = new Euler();
-const _q0 = new Quaternion();
-const _q1 = new Quaternion( - Math.sqrt( 0.5 ), 0, 0, Math.sqrt( 0.5 ) ); // - PI/2 around the x-axis
-
-const _changeEvent = { type: 'change' };
-
-class DeviceOrientationControls extends EventDispatcher {
-
-	constructor( object ) {
-
-		super();
-
-		if ( window.isSecureContext === false ) {
-
-			console.error( 'THREE.DeviceOrientationControls: DeviceOrientationEvent is only available in secure contexts (https)' );
-
-		}
-
-		const scope = this;
-
-		const EPS = 0.000001;
-		const lastQuaternion = new Quaternion();
-
-		this.object = object;
-		this.object.rotation.reorder( 'YXZ' );
-
-		this.enabled = true;
-
-		this.deviceOrientation = {};
-		this.screenOrientation = 0;
-
-		this.alphaOffset = 0; // radians
-
-		const onDeviceOrientationChangeEvent = function ( event ) {
-
-			scope.deviceOrientation = event;
-
-		};
-
-		const onScreenOrientationChangeEvent = function () {
-
-			scope.screenOrientation = window.orientation || 0;
-
-		};
-
-		// The angles alpha, beta and gamma form a set of intrinsic Tait-Bryan angles of type Z-X'-Y''
-
-		const setObjectQuaternion = function ( quaternion, alpha, beta, gamma, orient ) {
-
-			_euler.set( beta, alpha, - gamma, 'YXZ' ); // 'ZXY' for the device, but 'YXZ' for us
-
-			quaternion.setFromEuler( _euler ); // orient the device
-
-			quaternion.multiply( _q1 ); // camera looks out the back of the device, not the top
-
-			quaternion.multiply( _q0.setFromAxisAngle( _zee, - orient ) ); // adjust for screen orientation
-
-		};
-
-		this.connect = function () {
-
-			onScreenOrientationChangeEvent(); // run once on load
-
-			// iOS 13+
-
-			if ( window.DeviceOrientationEvent !== undefined && typeof window.DeviceOrientationEvent.requestPermission === 'function' ) {
-
-				window.DeviceOrientationEvent.requestPermission().then( function ( response ) {
-
-					if ( response == 'granted' ) {
-
-						window.addEventListener( 'orientationchange', onScreenOrientationChangeEvent );
-						window.addEventListener( 'deviceorientation', onDeviceOrientationChangeEvent );
-
-					}
-
-				} ).catch( function ( error ) {
-
-					console.error( 'THREE.DeviceOrientationControls: Unable to use DeviceOrientation API:', error );
-
-				} );
-
-			} else {
-
-				window.addEventListener( 'orientationchange', onScreenOrientationChangeEvent );
-				window.addEventListener( 'deviceorientation', onDeviceOrientationChangeEvent );
-
-			}
-
-			scope.enabled = true;
-
-		};
-
-		this.disconnect = function () {
-
-			window.removeEventListener( 'orientationchange', onScreenOrientationChangeEvent );
-			window.removeEventListener( 'deviceorientation', onDeviceOrientationChangeEvent );
-
-			scope.enabled = false;
-
-		};
-
-		this.update = function () {
-
-			if ( scope.enabled === false ) return;
-
-			const device = scope.deviceOrientation;
-
-			if ( device ) {
-
-				const alpha = device.alpha ? MathUtils.degToRad( device.alpha ) + scope.alphaOffset : 0; // Z
-
-				const beta = device.beta ? MathUtils.degToRad( device.beta ) : 0; // X'
-
-				const gamma = device.gamma ? MathUtils.degToRad( device.gamma ) : 0; // Y''
-
-				const orient = scope.screenOrientation ? MathUtils.degToRad( scope.screenOrientation ) : 0; // O
-
-				setObjectQuaternion( scope.object.quaternion, alpha, beta, gamma, orient );
-
-				if ( 8 * ( 1 - lastQuaternion.dot( scope.object.quaternion ) ) > EPS ) {
-
-					lastQuaternion.copy( scope.object.quaternion );
-					scope.dispatchEvent( _changeEvent );
-
-				}
-
-			}
-
-		};
-
-		this.dispose = function () {
-
-			scope.disconnect();
-
-		};
-
-		this.connect();
-
-	}
-
-}
-
-export { DeviceOrientationControls };