@needle-tools/three 0.146.10 → 0.153.1

package/examples/js/shaders/HorizontalTiltShiftShader.js

@@ -1,65 +0,0 @@
-( function () {
-
-	/**
- * Simple fake tilt-shift effect, modulating two pass Gaussian blur (see above) by vertical position
- *
- * - 9 samples per pass
- * - standard deviation 2.7
- * - "h" and "v" parameters should be set to "1 / width" and "1 / height"
- * - "r" parameter control where "focused" horizontal line lies
- */
-
-	const HorizontalTiltShiftShader = {
-		uniforms: {
-			'tDiffuse': {
-				value: null
-			},
-			'h': {
-				value: 1.0 / 512.0
-			},
-			'r': {
-				value: 0.35
-			}
-		},
-		vertexShader: /* glsl */`
-
-		varying vec2 vUv;
-
-		void main() {
-
-			vUv = uv;
-			gl_Position = projectionMatrix * modelViewMatrix * vec4( position, 1.0 );
-
-		}`,
-		fragmentShader: /* glsl */`
-
-		uniform sampler2D tDiffuse;
-		uniform float h;
-		uniform float r;
-
-		varying vec2 vUv;
-
-		void main() {
-
-			vec4 sum = vec4( 0.0 );
-
-			float hh = h * abs( r - vUv.y );
-
-			sum += texture2D( tDiffuse, vec2( vUv.x - 4.0 * hh, vUv.y ) ) * 0.051;
-			sum += texture2D( tDiffuse, vec2( vUv.x - 3.0 * hh, vUv.y ) ) * 0.0918;
-			sum += texture2D( tDiffuse, vec2( vUv.x - 2.0 * hh, vUv.y ) ) * 0.12245;
-			sum += texture2D( tDiffuse, vec2( vUv.x - 1.0 * hh, vUv.y ) ) * 0.1531;
-			sum += texture2D( tDiffuse, vec2( vUv.x, vUv.y ) ) * 0.1633;
-			sum += texture2D( tDiffuse, vec2( vUv.x + 1.0 * hh, vUv.y ) ) * 0.1531;
-			sum += texture2D( tDiffuse, vec2( vUv.x + 2.0 * hh, vUv.y ) ) * 0.12245;
-			sum += texture2D( tDiffuse, vec2( vUv.x + 3.0 * hh, vUv.y ) ) * 0.0918;
-			sum += texture2D( tDiffuse, vec2( vUv.x + 4.0 * hh, vUv.y ) ) * 0.051;
-
-			gl_FragColor = sum;
-
-		}`
-	};
-
-	THREE.HorizontalTiltShiftShader = HorizontalTiltShiftShader;
-
-} )();

package/examples/js/shaders/HueSaturationShader.js

@@ -1,69 +0,0 @@
-( function () {
-
-	/**
- * Hue and saturation adjustment
- * https://github.com/evanw/glfx.js
- * hue: -1 to 1 (-1 is 180 degrees in the negative direction, 0 is no change, etc.
- * saturation: -1 to 1 (-1 is solid gray, 0 is no change, and 1 is maximum contrast)
- */
-
-	const HueSaturationShader = {
-		uniforms: {
-			'tDiffuse': {
-				value: null
-			},
-			'hue': {
-				value: 0
-			},
-			'saturation': {
-				value: 0
-			}
-		},
-		vertexShader: /* glsl */`
-
-		varying vec2 vUv;
-
-		void main() {
-
-			vUv = uv;
-
-			gl_Position = projectionMatrix * modelViewMatrix * vec4( position, 1.0 );
-
-		}`,
-		fragmentShader: /* glsl */`
-
-		uniform sampler2D tDiffuse;
-		uniform float hue;
-		uniform float saturation;
-
-		varying vec2 vUv;
-
-		void main() {
-
-			gl_FragColor = texture2D( tDiffuse, vUv );
-
-			// hue
-			float angle = hue * 3.14159265;
-			float s = sin(angle), c = cos(angle);
-			vec3 weights = (vec3(2.0 * c, -sqrt(3.0) * s - c, sqrt(3.0) * s - c) + 1.0) / 3.0;
-			float len = length(gl_FragColor.rgb);
-			gl_FragColor.rgb = vec3(
-				dot(gl_FragColor.rgb, weights.xyz),
-				dot(gl_FragColor.rgb, weights.zxy),
-				dot(gl_FragColor.rgb, weights.yzx)
-			);
-
-			// saturation
-			float average = (gl_FragColor.r + gl_FragColor.g + gl_FragColor.b) / 3.0;
-			if (saturation > 0.0) {
-				gl_FragColor.rgb += (average - gl_FragColor.rgb) * (1.0 - 1.0 / (1.001 - saturation));
-			} else {
-				gl_FragColor.rgb += (average - gl_FragColor.rgb) * (-saturation);
-			}
-
-		}`
-	};
-
-	THREE.HueSaturationShader = HueSaturationShader;
-
-} )();

package/examples/js/shaders/KaleidoShader.js

@@ -1,60 +0,0 @@
-( function () {
-
-	/**
- * Kaleidoscope Shader
- * Radial reflection around center point
- * Ported from: http://pixelshaders.com/editor/
- * by Toby Schachman / http://tobyschachman.com/
- *
- * sides: number of reflections
- * angle: initial angle in radians
- */
-
-	const KaleidoShader = {
-		uniforms: {
-			'tDiffuse': {
-				value: null
-			},
-			'sides': {
-				value: 6.0
-			},
-			'angle': {
-				value: 0.0
-			}
-		},
-		vertexShader: /* glsl */`
-
-		varying vec2 vUv;
-
-		void main() {
-
-			vUv = uv;
-			gl_Position = projectionMatrix * modelViewMatrix * vec4( position, 1.0 );
-
-		}`,
-		fragmentShader: /* glsl */`
-
-		uniform sampler2D tDiffuse;
-		uniform float sides;
-		uniform float angle;
-
-		varying vec2 vUv;
-
-		void main() {
-
-			vec2 p = vUv - 0.5;
-			float r = length(p);
-			float a = atan(p.y, p.x) + angle;
-			float tau = 2. * 3.1416 ;
-			a = mod(a, tau/sides);
-			a = abs(a - tau/sides/2.) ;
-			p = r * vec2(cos(a), sin(a));
-			vec4 color = texture2D(tDiffuse, p + 0.5);
-			gl_FragColor = color;
-
-		}`
-	};
-
-	THREE.KaleidoShader = KaleidoShader;
-
-} )();

package/examples/js/shaders/LuminosityHighPassShader.js

@@ -1,67 +0,0 @@
-( function () {
-
-	/**
- * Luminosity
- * http://en.wikipedia.org/wiki/Luminosity
- */
-
-	const LuminosityHighPassShader = {
-		shaderID: 'luminosityHighPass',
-		uniforms: {
-			'tDiffuse': {
-				value: null
-			},
-			'luminosityThreshold': {
-				value: 1.0
-			},
-			'smoothWidth': {
-				value: 1.0
-			},
-			'defaultColor': {
-				value: new THREE.Color( 0x000000 )
-			},
-			'defaultOpacity': {
-				value: 0.0
-			}
-		},
-		vertexShader: /* glsl */`
-
-		varying vec2 vUv;
-
-		void main() {
-
-			vUv = uv;
-
-			gl_Position = projectionMatrix * modelViewMatrix * vec4( position, 1.0 );
-
-		}`,
-		fragmentShader: /* glsl */`
-
-		uniform sampler2D tDiffuse;
-		uniform vec3 defaultColor;
-		uniform float defaultOpacity;
-		uniform float luminosityThreshold;
-		uniform float smoothWidth;
-
-		varying vec2 vUv;
-
-		void main() {
-
-			vec4 texel = texture2D( tDiffuse, vUv );
-
-			vec3 luma = vec3( 0.299, 0.587, 0.114 );
-
-			float v = dot( texel.xyz, luma );
-
-			vec4 outputColor = vec4( defaultColor.rgb, defaultOpacity );
-
-			float alpha = smoothstep( luminosityThreshold, luminosityThreshold + smoothWidth, v );
-
-			gl_FragColor = mix( outputColor, texel, alpha );
-
-		}`
-	};
-
-	THREE.LuminosityHighPassShader = LuminosityHighPassShader;
-
-} )();

package/examples/js/shaders/LuminosityShader.js

@@ -1,46 +0,0 @@
-( function () {
-
-	/**
- * Luminosity
- * http://en.wikipedia.org/wiki/Luminosity
- */
-
-	const LuminosityShader = {
-		uniforms: {
-			'tDiffuse': {
-				value: null
-			}
-		},
-		vertexShader: /* glsl */`
-
-		varying vec2 vUv;
-
-		void main() {
-
-			vUv = uv;
-
-			gl_Position = projectionMatrix * modelViewMatrix * vec4( position, 1.0 );
-
-		}`,
-		fragmentShader: /* glsl */`
-
-		#include <common>
-
-		uniform sampler2D tDiffuse;
-
-		varying vec2 vUv;
-
-		void main() {
-
-			vec4 texel = texture2D( tDiffuse, vUv );
-
-			float l = luminance( texel.rgb );
-
-			gl_FragColor = vec4( l, l, l, texel.w );
-
-		}`
-	};
-
-	THREE.LuminosityShader = LuminosityShader;
-
-} )();

package/examples/js/shaders/MMDToonShader.js

@@ -1,96 +0,0 @@
-( function () {
-
-	/**
- * MMD Toon Shader
- *
- * This shader is extended from MeshPhongMaterial, and merged algorithms with
- * MeshToonMaterial and MeshMetcapMaterial.
- * Ideas came from https://github.com/mrdoob/three.js/issues/19609
- *
- * Combining steps:
- *  * Declare matcap uniform.
- *  * Add gradientmap_pars_fragment.
- *  * Use gradient irradiances instead of dotNL irradiance from MeshPhongMaterial.
- *    (Replace lights_phong_pars_fragment with lights_mmd_toon_pars_fragment)
- *  * Add mmd_toon_matcap_fragment.
- */
-	const lights_mmd_toon_pars_fragment = /* glsl */`
-varying vec3 vViewPosition;
-
-struct BlinnPhongMaterial {
-
-	vec3 diffuseColor;
-	vec3 specularColor;
-	float specularShininess;
-	float specularStrength;
-
-};
-
-void RE_Direct_BlinnPhong( const in IncidentLight directLight, const in GeometricContext geometry, const in BlinnPhongMaterial material, inout ReflectedLight reflectedLight ) {
-
-	vec3 irradiance = getGradientIrradiance( geometry.normal, directLight.direction ) * directLight.color;
-
-	reflectedLight.directDiffuse += irradiance * BRDF_Lambert( material.diffuseColor );
-
-	reflectedLight.directSpecular += irradiance * BRDF_BlinnPhong( directLight.direction, geometry.viewDir, geometry.normal, material.specularColor, material.specularShininess ) * material.specularStrength;
-
-}
-
-void RE_IndirectDiffuse_BlinnPhong( const in vec3 irradiance, const in GeometricContext geometry, const in BlinnPhongMaterial material, inout ReflectedLight reflectedLight ) {
-
-	reflectedLight.indirectDiffuse += irradiance * BRDF_Lambert( material.diffuseColor );
-
-}
-
-#define RE_Direct				RE_Direct_BlinnPhong
-#define RE_IndirectDiffuse		RE_IndirectDiffuse_BlinnPhong
-
-#define Material_LightProbeLOD( material )	(0)
-`;
-	const mmd_toon_matcap_fragment = /* glsl */`
-#ifdef USE_MATCAP
-
-	vec3 viewDir = normalize( vViewPosition );
-	vec3 x = normalize( vec3( viewDir.z, 0.0, - viewDir.x ) );
-	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 );
-
-	#ifdef MATCAP_BLENDING_MULTIPLY
-
-		outgoingLight *= matcapColor.rgb;
-
-	#elif defined( MATCAP_BLENDING_ADD )
-
-		outgoingLight += matcapColor.rgb;
-
-	#endif
-
-#endif
-`;
-	const MMDToonShader = {
-		defines: {
-			TOON: true,
-			MATCAP: true,
-			MATCAP_BLENDING_ADD: true
-		},
-		uniforms: THREE.UniformsUtils.merge( [ THREE.ShaderLib.toon.uniforms, THREE.ShaderLib.phong.uniforms, THREE.ShaderLib.matcap.uniforms ] ),
-		vertexShader: THREE.ShaderLib.phong.vertexShader,
-		fragmentShader: THREE.ShaderLib.phong.fragmentShader.replace( '#include <common>', `
-					#ifdef USE_MATCAP
-						uniform sampler2D matcap;
-					#endif
-
-					#include <common>
-				` ).replace( '#include <envmap_common_pars_fragment>', `
-					#include <gradientmap_pars_fragment>
-					#include <envmap_common_pars_fragment>
-				` ).replace( '#include <lights_phong_pars_fragment>', lights_mmd_toon_pars_fragment ).replace( '#include <envmap_fragment>', `
-					#include <envmap_fragment>
-					${mmd_toon_matcap_fragment}
-				` )
-	};
-
-	THREE.MMDToonShader = MMDToonShader;
-
-} )();

package/examples/js/shaders/MirrorShader.js

@@ -1,56 +0,0 @@
-( function () {
-
-	/**
- * Mirror Shader
- * Copies half the input to the other half
- *
- * side: side of input to mirror (0 = left, 1 = right, 2 = top, 3 = bottom)
- */
-
-	const MirrorShader = {
-		uniforms: {
-			'tDiffuse': {
-				value: null
-			},
-			'side': {
-				value: 1
-			}
-		},
-		vertexShader: /* glsl */`
-
-		varying vec2 vUv;
-
-		void main() {
-
-			vUv = uv;
-			gl_Position = projectionMatrix * modelViewMatrix * vec4( position, 1.0 );
-
-		}`,
-		fragmentShader: /* glsl */`
-
-		uniform sampler2D tDiffuse;
-		uniform int side;
-
-		varying vec2 vUv;
-
-		void main() {
-
-			vec2 p = vUv;
-			if (side == 0){
-				if (p.x > 0.5) p.x = 1.0 - p.x;
-			}else if (side == 1){
-				if (p.x < 0.5) p.x = 1.0 - p.x;
-			}else if (side == 2){
-				if (p.y < 0.5) p.y = 1.0 - p.y;
-			}else if (side == 3){
-				if (p.y > 0.5) p.y = 1.0 - p.y;
-			}
-			vec4 color = texture2D(tDiffuse, p);
-			gl_FragColor = color;
-
-		}`
-	};
-
-	THREE.MirrorShader = MirrorShader;
-
-} )();

package/examples/js/shaders/NormalMapShader.js

@@ -1,55 +0,0 @@
-( function () {
-
-	/**
- * Normal map shader
- * - compute normals from heightmap
- */
-
-	const NormalMapShader = {
-		uniforms: {
-			'heightMap': {
-				value: null
-			},
-			'resolution': {
-				value: new THREE.Vector2( 512, 512 )
-			},
-			'scale': {
-				value: new THREE.Vector2( 1, 1 )
-			},
-			'height': {
-				value: 0.05
-			}
-		},
-		vertexShader: /* glsl */`
-
-		varying vec2 vUv;
-
-		void main() {
-
-			vUv = uv;
-			gl_Position = projectionMatrix * modelViewMatrix * vec4( position, 1.0 );
-
-		}`,
-		fragmentShader: /* glsl */`
-
-		uniform float height;
-		uniform vec2 resolution;
-		uniform sampler2D heightMap;
-
-		varying vec2 vUv;
-
-		void main() {
-
-			float val = texture2D( heightMap, vUv ).x;
-
-			float valU = texture2D( heightMap, vUv + vec2( 1.0 / resolution.x, 0.0 ) ).x;
-			float valV = texture2D( heightMap, vUv + vec2( 0.0, 1.0 / resolution.y ) ).x;
-
-			gl_FragColor = vec4( ( 0.5 * normalize( vec3( val - valU, val - valV, height  ) ) + 0.5 ), 1.0 );
-
-		}`
-	};
-
-	THREE.NormalMapShader = NormalMapShader;
-
-} )();

package/examples/js/shaders/RGBShiftShader.js

@@ -1,56 +0,0 @@
-( function () {
-
-	/**
- * RGB Shift Shader
- * Shifts red and blue channels from center in opposite directions
- * Ported from http://kriss.cx/tom/2009/05/rgb-shift/
- * by Tom Butterworth / http://kriss.cx/tom/
- *
- * amount: shift distance (1 is width of input)
- * angle: shift angle in radians
- */
-
-	const RGBShiftShader = {
-		uniforms: {
-			'tDiffuse': {
-				value: null
-			},
-			'amount': {
-				value: 0.005
-			},
-			'angle': {
-				value: 0.0
-			}
-		},
-		vertexShader: /* glsl */`
-
-		varying vec2 vUv;
-
-		void main() {
-
-			vUv = uv;
-			gl_Position = projectionMatrix * modelViewMatrix * vec4( position, 1.0 );
-
-		}`,
-		fragmentShader: /* glsl */`
-
-		uniform sampler2D tDiffuse;
-		uniform float amount;
-		uniform float angle;
-
-		varying vec2 vUv;
-
-		void main() {
-
-			vec2 offset = amount * vec2( cos(angle), sin(angle));
-			vec4 cr = texture2D(tDiffuse, vUv + offset);
-			vec4 cga = texture2D(tDiffuse, vUv);
-			vec4 cb = texture2D(tDiffuse, vUv - offset);
-			gl_FragColor = vec4(cr.r, cga.g, cb.b, cga.a);
-
-		}`
-	};
-
-	THREE.RGBShiftShader = RGBShiftShader;
-
-} )();