super-three 0.133.4 → 0.136.1

package/examples/js/objects/Water2.js

@@ -2,8 +2,8 @@
 
 	/**
  * References:
- *	http://www.valvesoftware.com/publications/2010/siggraph2010_vlachos_waterflow.pdf
- * 	http://graphicsrunner.blogspot.de/2010/08/water-using-flow-maps.html
+ *	https://alex.vlachos.com/graphics/Vlachos-SIGGRAPH10-WaterFlow.pdf
+ *	http://graphicsrunner.blogspot.de/2010/08/water-using-flow-maps.html
  *
  */
 
@@ -23,7 +23,6 @@
 			const reflectivity = options.reflectivity || 0.02;
 			const scale = options.scale || 1;
 			const shader = options.shader || Water.WaterShader;
-			const encoding = options.encoding !== undefined ? options.encoding : THREE.LinearEncoding;
 			const textureLoader = new THREE.TextureLoader();
 			const flowMap = options.flowMap || undefined;
 			const normalMap0 = options.normalMap0 || textureLoader.load( 'textures/water/Water_1_M_Normal.jpg' );
@@ -51,14 +50,12 @@
 			const reflector = new THREE.Reflector( geometry, {
 				textureWidth: textureWidth,
 				textureHeight: textureHeight,
-				clipBias: clipBias,
-				encoding: encoding
+				clipBias: clipBias
 			} );
 			const refractor = new THREE.Refractor( geometry, {
 				textureWidth: textureWidth,
 				textureHeight: textureHeight,
-				clipBias: clipBias,
-				encoding: encoding
+				clipBias: clipBias
 			} );
 			reflector.matrixAutoUpdate = false;
 			refractor.matrixAutoUpdate = false; // material

package/examples/js/postprocessing/GlitchPass.js

@@ -25,6 +25,7 @@
 			/*, deltaTime, maskActive */
 		) {
 
+			if ( renderer.capabilities.isWebGL2 === false ) this.uniforms[ 'tDisp' ].value.format = THREE.LuminanceFormat;
 			this.uniforms[ 'tDiffuse' ].value = readBuffer.texture;
 			this.uniforms[ 'seed' ].value = Math.random(); //default seeding
 
@@ -81,19 +82,19 @@
 
 		generateHeightmap( dt_size ) {
 
-			const data_arr = new Float32Array( dt_size * dt_size * 3 );
+			const data_arr = new Float32Array( dt_size * dt_size );
 			const length = dt_size * dt_size;
 
 			for ( let i = 0; i < length; i ++ ) {
 
 				const val = THREE.MathUtils.randFloat( 0, 1 );
-				data_arr[ i * 3 + 0 ] = val;
-				data_arr[ i * 3 + 1 ] = val;
-				data_arr[ i * 3 + 2 ] = val;
+				data_arr[ i ] = val;
 
 			}
 
-			return new THREE.DataTexture( data_arr, dt_size, dt_size, THREE.RGBFormat, THREE.FloatType );
+			const texture = new THREE.DataTexture( data_arr, dt_size, dt_size, THREE.RedFormat, THREE.FloatType );
+			texture.needsUpdate = true;
+			return texture;
 
 		}
 

package/examples/js/postprocessing/SMAAPass.js

@@ -7,17 +7,11 @@
 			super(); // render targets
 
 			this.edgesRT = new THREE.WebGLRenderTarget( width, height, {
-				depthBuffer: false,
-				generateMipmaps: false,
-				minFilter: THREE.LinearFilter,
-				format: THREE.RGBFormat
+				depthBuffer: false
 			} );
 			this.edgesRT.texture.name = 'SMAAPass.edges';
 			this.weightsRT = new THREE.WebGLRenderTarget( width, height, {
-				depthBuffer: false,
-				generateMipmaps: false,
-				minFilter: THREE.LinearFilter,
-				format: THREE.RGBAFormat
+				depthBuffer: false
 			} );
 			this.weightsRT.texture.name = 'SMAAPass.weights'; // textures
 
@@ -35,7 +29,6 @@
 			this.areaTexture = new THREE.Texture();
 			this.areaTexture.name = 'SMAAPass.area';
 			this.areaTexture.image = areaTextureImage;
-			this.areaTexture.format = THREE.RGBFormat;
 			this.areaTexture.minFilter = THREE.LinearFilter;
 			this.areaTexture.generateMipmaps = false;
 			this.areaTexture.flipY = false;

package/examples/js/postprocessing/SSAOPass.js

@@ -23,25 +23,17 @@
 			this.generateRandomKernelRotations(); // beauty render target
 
 			const depthTexture = new THREE.DepthTexture();
-			depthTexture.type = THREE.UnsignedShortType;
-			this.beautyRenderTarget = new THREE.WebGLRenderTarget( this.width, this.height, {
-				minFilter: THREE.LinearFilter,
-				magFilter: THREE.LinearFilter,
-				format: THREE.RGBAFormat
-			} ); // normal render target with depth buffer
+			depthTexture.format = THREE.DepthStencilFormat;
+			depthTexture.type = THREE.UnsignedInt248Type;
+			this.beautyRenderTarget = new THREE.WebGLRenderTarget( this.width, this.height ); // normal render target with depth buffer
 
 			this.normalRenderTarget = new THREE.WebGLRenderTarget( this.width, this.height, {
 				minFilter: THREE.NearestFilter,
 				magFilter: THREE.NearestFilter,
-				format: THREE.RGBAFormat,
 				depthTexture: depthTexture
 			} ); // ssao render target
 
-			this.ssaoRenderTarget = new THREE.WebGLRenderTarget( this.width, this.height, {
-				minFilter: THREE.LinearFilter,
-				magFilter: THREE.LinearFilter,
-				format: THREE.RGBAFormat
-			} );
+			this.ssaoRenderTarget = new THREE.WebGLRenderTarget( this.width, this.height );
 			this.blurRenderTarget = this.ssaoRenderTarget.clone(); // ssao material
 
 			if ( THREE.SSAOShader === undefined ) {
@@ -131,7 +123,8 @@
 			/*, readBuffer, deltaTime, maskActive */
 		) {
 
-			// render beauty
+			if ( renderer.capabilities.isWebGL2 === false ) this.noiseTexture.format = THREE.LuminanceFormat; // render beauty
+
 			renderer.setRenderTarget( this.beautyRenderTarget );
 			renderer.clear();
 			renderer.render( this.scene, this.camera ); // render normals and depth (honor only meshes, points and lines do not contribute to SSAO)
@@ -297,25 +290,21 @@
 
 			const simplex = new THREE.SimplexNoise();
 			const size = width * height;
-			const data = new Float32Array( size * 4 );
+			const data = new Float32Array( size );
 
 			for ( let i = 0; i < size; i ++ ) {
 
-				const stride = i * 4;
 				const x = Math.random() * 2 - 1;
 				const y = Math.random() * 2 - 1;
 				const z = 0;
-				const noise = simplex.noise3d( x, y, z );
-				data[ stride ] = noise;
-				data[ stride + 1 ] = noise;
-				data[ stride + 2 ] = noise;
-				data[ stride + 3 ] = 1;
+				data[ i ] = simplex.noise3d( x, y, z );
 
 			}
 
-			this.noiseTexture = new THREE.DataTexture( data, width, height, THREE.RGBAFormat, THREE.FloatType );
+			this.noiseTexture = new THREE.DataTexture( data, width, height, THREE.RedFormat, THREE.FloatType );
 			this.noiseTexture.wrapS = THREE.RepeatWrapping;
 			this.noiseTexture.wrapT = THREE.RepeatWrapping;
+			this.noiseTexture.needsUpdate = true;
 
 		}
 

package/examples/js/postprocessing/SavePass.js

@@ -18,11 +18,7 @@
 
 			if ( this.renderTarget === undefined ) {
 
-				this.renderTarget = new THREE.WebGLRenderTarget( window.innerWidth, window.innerHeight, {
-					minFilter: THREE.LinearFilter,
-					magFilter: THREE.LinearFilter,
-					format: THREE.RGBFormat
-				} );
+				this.renderTarget = new THREE.WebGLRenderTarget( window.innerWidth, window.innerHeight );
 				this.renderTarget.texture.name = 'SavePass.rt';
 
 			}

package/examples/js/renderers/CSS2DRenderer.js

@@ -2,10 +2,10 @@
 
 	class CSS2DObject extends THREE.Object3D {
 
-		constructor( element ) {
+		constructor( element = document.createElement( 'div' ) ) {
 
 			super();
-			this.element = element || document.createElement( 'div' );
+			this.element = element;
 			this.element.style.position = 'absolute';
 			this.element.style.userSelect = 'none';
 			this.element.setAttribute( 'draggable', false );
@@ -49,7 +49,7 @@
 
 	class CSS2DRenderer {
 
-		constructor() {
+		constructor( parameters = {} ) {
 
 			const _this = this;
 
@@ -60,7 +60,7 @@
 			const cache = {
 				objects: new WeakMap()
 			};
-			const domElement = document.createElement( 'div' );
+			const domElement = parameters.element !== undefined ? parameters.element : document.createElement( 'div' );
 			domElement.style.overflow = 'hidden';
 			this.domElement = domElement;
 

package/examples/js/renderers/CSS3DRenderer.js

@@ -12,10 +12,10 @@
 
 	class CSS3DObject extends THREE.Object3D {
 
-		constructor( element ) {
+		constructor( element = document.createElement( 'div' ) ) {
 
 			super();
-			this.element = element || document.createElement( 'div' );
+			this.element = element;
 			this.element.style.position = 'absolute';
 			this.element.style.pointerEvents = 'auto';
 			this.element.style.userSelect = 'none';
@@ -75,7 +75,7 @@
 
 	class CSS3DRenderer {
 
-		constructor() {
+		constructor( parameters = {} ) {
 
 			const _this = this;
 
@@ -90,7 +90,7 @@
 				},
 				objects: new WeakMap()
 			};
-			const domElement = document.createElement( 'div' );
+			const domElement = parameters.element !== undefined ? parameters.element : document.createElement( 'div' );
 			domElement.style.overflow = 'hidden';
 			this.domElement = domElement;
 			const cameraElement = document.createElement( 'div' );

package/examples/js/shaders/ConvolutionShader.js

@@ -3,7 +3,6 @@
 	/**
  * Convolution shader
  * ported from o3d sample to WebGL / GLSL
- * http://o3d.googlecode.com/svn/trunk/samples/convolution.html
  */
 
 	const ConvolutionShader = {

package/examples/js/shaders/DigitalGlitch.js

@@ -90,7 +90,7 @@
 				float xs = floor(gl_FragCoord.x / 0.5);
 				float ys = floor(gl_FragCoord.y / 0.5);
 				//based on staffantans glitch shader for unity https://github.com/staffantan/unityglitch
-				vec4 normal = texture2D (tDisp, p*seed*seed);
+				float disp = texture2D(tDisp, p*seed*seed).r;
 				if(p.y<distortion_x+col_s && p.y>distortion_x-col_s*seed) {
 					if(seed_x>0.){
 						p.y = 1. - (p.y + distortion_y);
@@ -107,8 +107,8 @@
 						p.x = 1. - (p.x + distortion_x);
 					}
 				}
-				p.x+=normal.x*seed_x*(seed/5.);
-				p.y+=normal.y*seed_y*(seed/5.);
+				p.x+=disp*seed_x*(seed/5.);
+				p.y+=disp*seed_y*(seed/5.);
 				//base from RGB shift shader
 				vec2 offset = amount * vec2( cos(angle), sin(angle));
 				vec4 cr = texture2D(tDiffuse, p + offset);

package/examples/js/shaders/FXAAShader.js

@@ -2,7 +2,7 @@
 
 	/**
  * NVIDIA FXAA by Timothy Lottes
- * http://timothylottes.blogspot.com/2011/06/fxaa3-source-released.html
+ * https://developer.download.nvidia.com/assets/gamedev/files/sdk/11/FXAA_WhitePaper.pdf
  * - WebGL port by @supereggbert
  * http://www.glge.org/demos/fxaa/
  */

package/examples/js/shaders/FilmShader.js

@@ -4,7 +4,7 @@
  * Film grain & scanlines shader
  *
  * - ported from HLSL to WebGL / GLSL
- * http://www.truevision3d.com/forums/showcase/staticnoise_colorblackwhite_scanline_shaders-t18698.0.html
+ * https://web.archive.org/web/20210226214859/http://www.truevision3d.com/forums/showcase/staticnoise_colorblackwhite_scanline_shaders-t18698.0.html
  *
  * Screen Space Static Postprocessor
  *

package/examples/js/shaders/GammaCorrectionShader.js

@@ -34,7 +34,7 @@
 
 			vec4 tex = texture2D( tDiffuse, vUv );
 
-			gl_FragColor = LinearTosRGB( tex ); // optional: LinearToGamma( tex, float( GAMMA_FACTOR ) );
+			gl_FragColor = LinearTosRGB( tex );
 
 		}`
 	};

package/examples/js/shaders/HorizontalBlurShader.js

@@ -2,8 +2,7 @@
 
 	/**
  * Two pass Gaussian blur filter (horizontal and vertical blur shaders)
- * - described in http://www.gamerendering.com/2008/10/11/gaussian-blur-filter-shader/
- *   and used in http://www.cake23.de/traveling-wavefronts-lit-up.html
+ * - see http://www.cake23.de/traveling-wavefronts-lit-up.html
  *
  * - 9 samples per pass
  * - standard deviation 2.7

package/examples/js/shaders/MMDToonShader.js

@@ -55,7 +55,6 @@ void RE_IndirectDiffuse_BlinnPhong( const in vec3 irradiance, const in Geometric
 	vec3 y = cross( viewDir, x );
 	vec2 uv = vec2( dot( x, normal ), dot( y, normal ) ) * 0.495 + 0.5; // 0.495 to remove artifacts caused by undersized matcap disks
 	vec4 matcapColor = texture2D( matcap, uv );
-	matcapColor = matcapTexelToLinear( matcapColor );
 
 	#ifdef MATCAP_BLENDING_MULTIPLY
 

package/examples/js/shaders/SSAOShader.js

@@ -155,7 +155,7 @@
 			vec3 viewNormal = getViewNormal( vUv );
 
 			vec2 noiseScale = vec2( resolution.x / 4.0, resolution.y / 4.0 );
-			vec3 random = texture2D( tNoise, vUv * noiseScale ).xyz;
+			vec3 random = vec3( texture2D( tNoise, vUv * noiseScale ).r );
 
 			// compute matrix used to reorient a kernel vector
 

package/examples/js/shaders/SSRShader.js

@@ -197,7 +197,7 @@
 				vec3 vP=getViewPosition( uv, d, cW );
 
 				#ifdef PERSPECTIVE_CAMERA
-					// https://www.comp.nus.edu.sg/~lowkl/publications/lowk_persp_interp_techrep.pdf
+					// https://comp.nus.edu.sg/~lowkl/publications/lowk_persp_interp_techrep.pdf
 					float recipVPZ=1./viewPosition.z;
 					float viewReflectRayZ=1./(recipVPZ+s*(1./d1viewPosition.z-recipVPZ));
 				#else

package/examples/js/shaders/SSRrShader.js

@@ -215,7 +215,7 @@
 				vec3 vP=getViewPosition( uv, d, cW );
 
 				#ifdef PERSPECTIVE_CAMERA
-					// https://www.comp.nus.edu.sg/~lowkl/publications/lowk_persp_interp_techrep.pdf
+					// https://comp.nus.edu.sg/~lowkl/publications/lowk_persp_interp_techrep.pdf
 					float recipVPZ=1./viewPosition.z;
 					float viewRefractRayZ=1./(recipVPZ+s*(1./d1viewPosition.z-recipVPZ));
 					float sD=surfDist*cW;

package/examples/js/shaders/VerticalBlurShader.js

@@ -2,8 +2,7 @@
 
 	/**
  * Two pass Gaussian blur filter (horizontal and vertical blur shaders)
- * - described in http://www.gamerendering.com/2008/10/11/gaussian-blur-filter-shader/
- *   and used in http://www.cake23.de/traveling-wavefronts-lit-up.html
+ * - see http://www.cake23.de/traveling-wavefronts-lit-up.html
  *
  * - 9 samples per pass
  * - standard deviation 2.7

package/examples/js/utils/GeometryUtils.js

@@ -41,7 +41,7 @@
  * Generates 3D-Coordinates in a very fast way.
  *
  * Based on work by:
- * @link http://www.openprocessing.org/visuals/?visualID=15599
+ * @link https://openprocessing.org/user/5654
  *
  * @param center     Center of Hilbert curve.
  * @param size       Total width of Hilbert curve.

package/examples/jsm/animation/CCDIKSolver.js

@@ -149,7 +149,6 @@ class CCDIKSolver {
 				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;
 
 				if ( ik.minAngle !== undefined && angle < ik.minAngle ) {

package/examples/jsm/animation/MMDPhysics.js

@@ -894,7 +894,7 @@ class RigidBody {
 					return new Ammo.btCapsuleShape( p.width, p.height );
 
 				default:
-					throw 'unknown shape type ' + p.shapeType;
+					throw new Error( 'unknown shape type ' + p.shapeType );
 
 			}
 
@@ -1203,7 +1203,6 @@ class Constraint {
 
 			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 );
 
 			}
@@ -1368,7 +1367,6 @@ class MMDPhysicsHelper extends Object3D {
 
 		}
 
-		// copy from http://www20.atpages.jp/katwat/three.js_r58/examples/mytest37/mytest37.js?ver=20160815
 		function createCapsuleGeometry( radius, cylinderHeight, segmentsRadius, segmentsHeight ) {
 
 			var geometry = new CylinderGeometry( radius, radius, cylinderHeight, segmentsRadius, segmentsHeight, true );

package/examples/jsm/cameras/CinematicCamera.js

@@ -1,10 +1,8 @@
 import {
-	LinearFilter,
 	Mesh,
 	OrthographicCamera,
 	PerspectiveCamera,
 	PlaneGeometry,
-	RGBFormat,
 	Scene,
 	ShaderMaterial,
 	UniformsUtils,
@@ -125,9 +123,8 @@ class CinematicCamera extends PerspectiveCamera {
 
 			this.postprocessing.scene.add( this.postprocessing.camera );
 
-			const pars = { minFilter: LinearFilter, magFilter: LinearFilter, format: RGBFormat };
-			this.postprocessing.rtTextureDepth = new WebGLRenderTarget( window.innerWidth, window.innerHeight, pars );
-			this.postprocessing.rtTextureColor = new WebGLRenderTarget( window.innerWidth, window.innerHeight, pars );
+			this.postprocessing.rtTextureDepth = new WebGLRenderTarget( window.innerWidth, window.innerHeight );
+			this.postprocessing.rtTextureColor = new WebGLRenderTarget( window.innerWidth, window.innerHeight );
 
 			const bokeh_shader = BokehShader;
 

package/examples/jsm/{WebGL.js → capabilities/WebGL.js}

@@ -1,4 +1,4 @@
-class WEBGL {
+class WebGL {
 
 	static isWebGLAvailable() {
 
@@ -88,4 +88,4 @@ class WEBGL {
 
 }
 
-export { WEBGL };
+export default WebGL;

package/examples/jsm/{renderers/webgpu → capabilities}/WebGPU.js

@@ -8,7 +8,7 @@ class WebGPU {
 
 	static getErrorMessage() {
 
-		const message = 'Your browser does not support <a href="https://gpuweb.github.io/gpuweb/" style="color:#000">WebGPU</a>.';
+		const message = 'Your browser does not support <a href="https://gpuweb.github.io/gpuweb/" style="color:blue">WebGPU</a>';
 
 		const element = document.createElement( 'div' );
 		element.id = 'webgpumessage';