@needle-tools/three 0.169.20-experimental.0 → 0.183.2-canary.0

package/examples/jsm/shaders/GodRaysShader.js

@@ -1,321 +0,0 @@
-import {
-	Color,
-	Vector3
-} from 'three';
-
-/**
- * God-rays (crepuscular rays)
- *
- * Similar implementation to the one used by Crytek for CryEngine 2 [Sousa2008].
- * Blurs a mask generated from the depth map along radial lines emanating from the light
- * source. The blur repeatedly applies a blur filter of increasing support but constant
- * sample count to produce a blur filter with large support.
- *
- * My implementation performs 3 passes, similar to the implementation from Sousa. I found
- * just 6 samples per pass produced acceptible results. The blur is applied three times,
- * with decreasing filter support. The result is equivalent to a single pass with
- * 6*6*6 = 216 samples.
- *
- * References:
- *
- * Sousa2008 - Crysis Next Gen Effects, GDC2008, http://www.crytek.com/sites/default/files/GDC08_SousaT_CrysisEffects.ppt
- */
-
-const GodRaysDepthMaskShader = {
-
-	name: 'GodRaysDepthMaskShader',
-
-	uniforms: {
-
-		tInput: {
-			value: null
-		}
-
-	},
-
-	vertexShader: /* glsl */`
-
-		varying vec2 vUv;
-
-		void main() {
-
-		 vUv = uv;
-		 gl_Position = projectionMatrix * modelViewMatrix * vec4( position, 1.0 );
-
-	 }`,
-
-	fragmentShader: /* glsl */`
-
-		varying vec2 vUv;
-
-		uniform sampler2D tInput;
-
-		void main() {
-
-			gl_FragColor = vec4( 1.0 ) - texture2D( tInput, vUv );
-
-		}`
-
-};
-
-
-/**
- * The god-ray generation shader.
- *
- * First pass:
- *
- * The depth map is blurred along radial lines towards the "sun". The
- * output is written to a temporary render target (I used a 1/4 sized
- * target).
- *
- * Pass two & three:
- *
- * The results of the previous pass are re-blurred, each time with a
- * decreased distance between samples.
- */
-
-const GodRaysGenerateShader = {
-
-	name: 'GodRaysGenerateShader',
-
-	uniforms: {
-
-		tInput: {
-			value: null
-		},
-		fStepSize: {
-			value: 1.0
-		},
-		vSunPositionScreenSpace: {
-			value: new Vector3()
-		}
-
-	},
-
-	vertexShader: /* glsl */`
-
-		varying vec2 vUv;
-
-		void main() {
-
-		 vUv = uv;
-		 gl_Position = projectionMatrix * modelViewMatrix * vec4( position, 1.0 );
-
-	 }`,
-
-	fragmentShader: /* glsl */`
-
-		#define TAPS_PER_PASS 6.0
-
-		varying vec2 vUv;
-
-		uniform sampler2D tInput;
-
-		uniform vec3 vSunPositionScreenSpace;
-		uniform float fStepSize; // filter step size
-
-		void main() {
-
-		// delta from current pixel to "sun" position
-
-			vec2 delta = vSunPositionScreenSpace.xy - vUv;
-			float dist = length( delta );
-
-		// Step vector (uv space)
-
-			vec2 stepv = fStepSize * delta / dist;
-
-		// Number of iterations between pixel and sun
-
-			float iters = dist/fStepSize;
-
-			vec2 uv = vUv.xy;
-			float col = 0.0;
-
-		// This breaks ANGLE in Chrome 22
-		//	- see http://code.google.com/p/chromium/issues/detail?id=153105
-
-		/*
-		// Unrolling didnt do much on my hardware (ATI Mobility Radeon 3450),
-		// so i've just left the loop
-
-		"for ( float i = 0.0; i < TAPS_PER_PASS; i += 1.0 ) {",
-
-		// Accumulate samples, making sure we dont walk past the light source.
-
-		// The check for uv.y < 1 would not be necessary with "border" UV wrap
-		// mode, with a black border color. I don't think this is currently
-		// exposed by three.js. As a result there might be artifacts when the
-		// sun is to the left, right or bottom of screen as these cases are
-		// not specifically handled.
-
-		"	col += ( i <= iters && uv.y < 1.0 ? texture2D( tInput, uv ).r : 0.0 );",
-		"	uv += stepv;",
-
-		"}",
-		*/
-
-		// Unrolling loop manually makes it work in ANGLE
-
-			float f = min( 1.0, max( vSunPositionScreenSpace.z / 1000.0, 0.0 ) ); // used to fade out godrays
-
-			if ( 0.0 <= iters && uv.y < 1.0 ) col += texture2D( tInput, uv ).r * f;
-			uv += stepv;
-
-			if ( 1.0 <= iters && uv.y < 1.0 ) col += texture2D( tInput, uv ).r * f;
-			uv += stepv;
-
-			if ( 2.0 <= iters && uv.y < 1.0 ) col += texture2D( tInput, uv ).r * f;
-			uv += stepv;
-
-			if ( 3.0 <= iters && uv.y < 1.0 ) col += texture2D( tInput, uv ).r * f;
-			uv += stepv;
-
-			if ( 4.0 <= iters && uv.y < 1.0 ) col += texture2D( tInput, uv ).r * f;
-			uv += stepv;
-
-			if ( 5.0 <= iters && uv.y < 1.0 ) col += texture2D( tInput, uv ).r * f;
-			uv += stepv;
-
-		// Should technically be dividing by 'iters but 'TAPS_PER_PASS' smooths out
-		// objectionable artifacts, in particular near the sun position. The side
-		// effect is that the result is darker than it should be around the sun, as
-		// TAPS_PER_PASS is greater than the number of samples actually accumulated.
-		// When the result is inverted (in the shader 'godrays_combine this produces
-		// a slight bright spot at the position of the sun, even when it is occluded.
-
-			gl_FragColor = vec4( col/TAPS_PER_PASS );
-			gl_FragColor.a = 1.0;
-
-		}`
-
-};
-
-/**
- * Additively applies god rays from texture tGodRays to a background (tColors).
- * fGodRayIntensity attenuates the god rays.
- */
-
-const GodRaysCombineShader = {
-
-	name: 'GodRaysCombineShader',
-
-	uniforms: {
-
-		tColors: {
-			value: null
-		},
-
-		tGodRays: {
-			value: null
-		},
-
-		fGodRayIntensity: {
-			value: 0.69
-		}
-
-	},
-
-	vertexShader: /* glsl */`
-
-		varying vec2 vUv;
-
-		void main() {
-
-			vUv = uv;
-			gl_Position = projectionMatrix * modelViewMatrix * vec4( position, 1.0 );
-
-		}`,
-
-	fragmentShader: /* glsl */`
-
-		varying vec2 vUv;
-
-		uniform sampler2D tColors;
-		uniform sampler2D tGodRays;
-
-		uniform float fGodRayIntensity;
-
-		void main() {
-
-		// Since THREE.MeshDepthMaterial renders foreground objects white and background
-		// objects black, the god-rays will be white streaks. Therefore value is inverted
-		// before being combined with tColors
-
-			gl_FragColor = texture2D( tColors, vUv ) + fGodRayIntensity * vec4( 1.0 - texture2D( tGodRays, vUv ).r );
-			gl_FragColor.a = 1.0;
-
-		}`
-
-};
-
-
-/**
- * A dodgy sun/sky shader. Makes a bright spot at the sun location. Would be
- * cheaper/faster/simpler to implement this as a simple sun sprite.
- */
-
-const GodRaysFakeSunShader = {
-
-	name: 'GodRaysFakeSunShader',
-
-	uniforms: {
-
-		vSunPositionScreenSpace: {
-			value: new Vector3()
-		},
-
-		fAspect: {
-			value: 1.0
-		},
-
-		sunColor: {
-			value: new Color( 0xffee00 )
-		},
-
-		bgColor: {
-			value: new Color( 0x000000 )
-		}
-
-	},
-
-	vertexShader: /* glsl */`
-
-		varying vec2 vUv;
-
-		void main() {
-
-			vUv = uv;
-			gl_Position = projectionMatrix * modelViewMatrix * vec4( position, 1.0 );
-
-		}`,
-
-	fragmentShader: /* glsl */`
-
-		varying vec2 vUv;
-
-		uniform vec3 vSunPositionScreenSpace;
-		uniform float fAspect;
-
-		uniform vec3 sunColor;
-		uniform vec3 bgColor;
-
-		void main() {
-
-			vec2 diff = vUv - vSunPositionScreenSpace.xy;
-
-		// Correct for aspect ratio
-
-			diff.x *= fAspect;
-
-			float prop = clamp( length( diff ) / 0.5, 0.0, 1.0 );
-			prop = 0.35 * pow( 1.0 - prop, 3.0 );
-
-			gl_FragColor.xyz = ( vSunPositionScreenSpace.z > 0.0 ) ? mix( sunColor, bgColor, 1.0 - prop ) : bgColor;
-			gl_FragColor.w = 1.0;
-
-		}`
-
-};
-
-export { GodRaysDepthMaskShader, GodRaysGenerateShader, GodRaysCombineShader, GodRaysFakeSunShader };

package/examples/jsm/shaders/MMDToonShader.js

@@ -1,134 +0,0 @@
-/**
- * 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.
- */
-
-import { UniformsUtils, ShaderLib } from 'three';
-
-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 vec3 geometryPosition, const in vec3 geometryNormal, const in vec3 geometryViewDir, const in vec3 geometryClearcoatNormal, const in BlinnPhongMaterial material, inout ReflectedLight reflectedLight ) {
-
-	vec3 irradiance = getGradientIrradiance( geometryNormal, directLight.direction ) * directLight.color;
-
-	reflectedLight.directDiffuse += irradiance * BRDF_Lambert( material.diffuseColor );
-
-	reflectedLight.directSpecular += irradiance * BRDF_BlinnPhong( directLight.direction, geometryViewDir, geometryNormal, material.specularColor, material.specularShininess ) * material.specularStrength;
-
-}
-
-void RE_IndirectDiffuse_BlinnPhong( const in vec3 irradiance, const in vec3 geometryPosition, const in vec3 geometryNormal, const in vec3 geometryViewDir, const in vec3 geometryClearcoatNormal, 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
-`;
-
-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 = {
-
-	name: 'MMDToonShader',
-
-	defines: {
-		TOON: true,
-		MATCAP: true,
-		MATCAP_BLENDING_ADD: true,
-	},
-
-	uniforms: UniformsUtils.merge( [
-		ShaderLib.toon.uniforms,
-		ShaderLib.phong.uniforms,
-		ShaderLib.matcap.uniforms,
-	] ),
-
-	vertexShader:
-		ShaderLib.phong.vertexShader
-			.replace(
-				'#include <envmap_pars_vertex>',
-				''
-			)
-			.replace(
-				'#include <envmap_vertex>',
-				''
-			),
-
-	fragmentShader:
-		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>
-				`
-			)
-			.replace(
-				'#include <envmap_pars_fragment>',
-				''
-			)
-			.replace(
-				'#include <lights_phong_pars_fragment>',
-				lights_mmd_toon_pars_fragment
-			)
-			.replace(
-				'#include <envmap_fragment>',
-				`
-					${mmd_toon_matcap_fragment}
-				`
-			)
-
-};
-
-export { MMDToonShader };

package/src/materials/nodes/InstancedPointsNodeMaterial.js

@@ -1,156 +0,0 @@
-import NodeMaterial from './NodeMaterial.js';
-import { attribute } from '../../nodes/core/AttributeNode.js';
-import { cameraProjectionMatrix } from '../../nodes/accessors/Camera.js';
-import { materialColor, materialOpacity, materialPointWidth } from '../../nodes/accessors/MaterialNode.js'; // or should this be a property, instead?
-import { modelViewMatrix } from '../../nodes/accessors/ModelNode.js';
-import { positionGeometry } from '../../nodes/accessors/Position.js';
-import { smoothstep, lengthSq } from '../../nodes/math/MathNode.js';
-import { Fn, vec4, float } from '../../nodes/tsl/TSLBase.js';
-import { uv } from '../../nodes/accessors/UV.js';
-import { viewport } from '../../nodes/display/ScreenNode.js';
-
-import { PointsMaterial } from '../PointsMaterial.js';
-
-const _defaultValues = /*@__PURE__*/ new PointsMaterial();
-
-class InstancedPointsNodeMaterial extends NodeMaterial {
-
-	static get type() {
-
-		return 'InstancedPointsNodeMaterial';
-
-	}
-
-	constructor( params = {} ) {
-
-		super();
-
-		this.lights = false;
-
-		this.useAlphaToCoverage = true;
-
-		this.useColor = params.vertexColors;
-
-		this.pointWidth = 1;
-
-		this.pointColorNode = null;
-
-		this.pointWidthNode = null;
-
-		this.setDefaultValues( _defaultValues );
-
-		this.setValues( params );
-
-	}
-
-	setup( builder ) {
-
-		this.setupShaders( builder );
-
-		super.setup( builder );
-
-	}
-
-	setupShaders( { renderer } ) {
-
-		const useAlphaToCoverage = this.alphaToCoverage;
-		const useColor = this.useColor;
-
-		this.vertexNode = Fn( () => {
-
-			const instancePosition = attribute( 'instancePosition' ).xyz;
-
-			// camera space
-			const mvPos = vec4( modelViewMatrix.mul( vec4( instancePosition, 1.0 ) ) );
-
-			const aspect = viewport.z.div( viewport.w );
-
-			// clip space
-			const clipPos = cameraProjectionMatrix.mul( mvPos );
-
-			// offset in ndc space
-			const offset = positionGeometry.xy.toVar();
-
-			offset.mulAssign( this.pointWidthNode ? this.pointWidthNode : materialPointWidth );
-
-			offset.assign( offset.div( viewport.z ) );
-			offset.y.assign( offset.y.mul( aspect ) );
-
-			// back to clip space
-			offset.assign( offset.mul( clipPos.w ) );
-
-			//clipPos.xy += offset;
-			clipPos.addAssign( vec4( offset, 0, 0 ) );
-
-			return clipPos;
-
-		} )();
-
-		this.fragmentNode = Fn( () => {
-
-			const alpha = float( 1 ).toVar();
-
-			const len2 = lengthSq( uv().mul( 2 ).sub( 1 ) );
-
-			if ( useAlphaToCoverage && renderer.samples > 1 ) {
-
-				const dlen = float( len2.fwidth() ).toVar();
-
-				alpha.assign( smoothstep( dlen.oneMinus(), dlen.add( 1 ), len2 ).oneMinus() );
-
-			} else {
-
-				len2.greaterThan( 1.0 ).discard();
-
-			}
-
-			let pointColorNode;
-
-			if ( this.pointColorNode ) {
-
-				pointColorNode = this.pointColorNode;
-
-			} else {
-
-				if ( useColor ) {
-
-					const instanceColor = attribute( 'instanceColor' );
-
-					pointColorNode = instanceColor.mul( materialColor );
-
-				} else {
-
-					pointColorNode = materialColor;
-
-				}
-
-			}
-
-			alpha.mulAssign( materialOpacity );
-
-			return vec4( pointColorNode, alpha );
-
-		} )();
-
-	}
-
-	get alphaToCoverage() {
-
-		return this.useAlphaToCoverage;
-
-	}
-
-	set alphaToCoverage( value ) {
-
-		if ( this.useAlphaToCoverage !== value ) {
-
-			this.useAlphaToCoverage = value;
-			this.needsUpdate = true;
-
-		}
-
-	}
-
-}
-
-export default InstancedPointsNodeMaterial;

package/src/nodes/accessors/InstancedPointsMaterialNode.js

@@ -1,24 +0,0 @@
-import MaterialNode from './MaterialNode.js';
-import { nodeImmutable } from '../tsl/TSLBase.js';
-
-class InstancedPointsMaterialNode extends MaterialNode {
-
-	static get type() {
-
-		return 'InstancedPointsMaterialNode';
-
-	}
-
-	setup( /*builder*/ ) {
-
-		return this.getFloat( this.scope );
-
-	}
-
-}
-
-InstancedPointsMaterialNode.POINT_WIDTH = 'pointWidth';
-
-export default InstancedPointsMaterialNode;
-
-export const materialPointWidth = /*@__PURE__*/ nodeImmutable( InstancedPointsMaterialNode, InstancedPointsMaterialNode.POINT_WIDTH );

package/src/nodes/accessors/SceneNode.js

@@ -1,55 +0,0 @@
-import Node from '../core/Node.js';
-import { nodeImmutable } from '../tsl/TSLBase.js';
-import { reference } from './ReferenceNode.js';
-
-class SceneNode extends Node {
-
-	static get type() {
-
-		return 'SceneNode';
-
-	}
-
-	constructor( scope = SceneNode.BACKGROUND_BLURRINESS, scene = null ) {
-
-		super();
-
-		this.scope = scope;
-		this.scene = scene;
-
-	}
-
-	setup( builder ) {
-
-		const scope = this.scope;
-		const scene = this.scene !== null ? this.scene : builder.scene;
-
-		let output;
-
-		if ( scope === SceneNode.BACKGROUND_BLURRINESS ) {
-
-			output = reference( 'backgroundBlurriness', 'float', scene );
-
-		} else if ( scope === SceneNode.BACKGROUND_INTENSITY ) {
-
-			output = reference( 'backgroundIntensity', 'float', scene );
-
-		} else {
-
-			console.error( 'THREE.SceneNode: Unknown scope:', scope );
-
-		}
-
-		return output;
-
-	}
-
-}
-
-SceneNode.BACKGROUND_BLURRINESS = 'backgroundBlurriness';
-SceneNode.BACKGROUND_INTENSITY = 'backgroundIntensity';
-
-export default SceneNode;
-
-export const backgroundBlurriness = /*@__PURE__*/ nodeImmutable( SceneNode, SceneNode.BACKGROUND_BLURRINESS );
-export const backgroundIntensity = /*@__PURE__*/ nodeImmutable( SceneNode, SceneNode.BACKGROUND_INTENSITY );