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

package/src/nodes/display/PixelationPassNode.js

@@ -1,213 +0,0 @@
-import TempNode from '../core/TempNode.js';
-import { uv } from '../accessors/UV.js';
-import { Fn, nodeObject, vec2, vec3, float, If } from '../tsl/TSLBase.js';
-import { NodeUpdateType } from '../core/constants.js';
-import { uniform } from '../core/UniformNode.js';
-import { dot, clamp, smoothstep, sign, step, floor } from '../math/MathNode.js';
-import { Vector4 } from '../../math/Vector4.js';
-import { output, property } from '../core/PropertyNode.js';
-import PassNode from './PassNode.js';
-import { mrt } from '../core/MRTNode.js';
-import { normalView } from '../accessors/Normal.js';
-import { convertToTexture } from '../utils/RTTNode.js';
-
-import { NearestFilter } from '../../constants.js';
-
-class PixelationNode extends TempNode {
-
-	static get type() {
-
-		return 'PixelationNode';
-
-	}
-
-	constructor( textureNode, depthNode, normalNode, pixelSize, normalEdgeStrength, depthEdgeStrength ) {
-
-		super();
-
-		// Input textures
-
-		this.textureNode = textureNode;
-		this.depthNode = depthNode;
-		this.normalNode = normalNode;
-
-		// Input uniforms
-
-		this.pixelSize = pixelSize;
-		this.normalEdgeStrength = normalEdgeStrength;
-		this.depthEdgeStrength = depthEdgeStrength;
-
-		// Private uniforms
-
-		this._resolution = uniform( new Vector4() );
-
-		this.updateBeforeType = NodeUpdateType.RENDER;
-
-	}
-
-	updateBefore() {
-
-		const map = this.textureNode.value;
-
-		const width = map.image.width;
-		const height = map.image.height;
-
-		this._resolution.value.set( width, height, 1 / width, 1 / height );
-
-	}
-
-	setup() {
-
-		const { textureNode, depthNode, normalNode } = this;
-
-		const uvNodeTexture = textureNode.uvNode || uv();
-		const uvNodeDepth = depthNode.uvNode || uv();
-		const uvNodeNormal = normalNode.uvNode || uv();
-
-		const sampleTexture = () => textureNode.uv( uvNodeTexture );
-
-		const sampleDepth = ( x, y ) => depthNode.uv( uvNodeDepth.add( vec2( x, y ).mul( this._resolution.zw ) ) ).r;
-
-		const sampleNormal = ( x, y ) => normalNode.uv( uvNodeNormal.add( vec2( x, y ).mul( this._resolution.zw ) ) ).rgb.normalize();
-
-		const depthEdgeIndicator = ( depth ) => {
-
-			const diff = property( 'float', 'diff' );
-			diff.addAssign( clamp( sampleDepth( 1, 0 ).sub( depth ) ) );
-			diff.addAssign( clamp( sampleDepth( - 1, 0 ).sub( depth ) ) );
-			diff.addAssign( clamp( sampleDepth( 0, 1 ).sub( depth ) ) );
-			diff.addAssign( clamp( sampleDepth( 0, - 1 ).sub( depth ) ) );
-
-			return floor( smoothstep( 0.01, 0.02, diff ).mul( 2 ) ).div( 2 );
-
-		};
-
-		const neighborNormalEdgeIndicator = ( x, y, depth, normal ) => {
-
-			const depthDiff = sampleDepth( x, y ).sub( depth );
-			const neighborNormal = sampleNormal( x, y );
-
-			// Edge pixels should yield to faces who's normals are closer to the bias normal.
-
-			const normalEdgeBias = vec3( 1, 1, 1 ); // This should probably be a parameter.
-			const normalDiff = dot( normal.sub( neighborNormal ), normalEdgeBias );
-			const normalIndicator = clamp( smoothstep( - 0.01, 0.01, normalDiff ), 0.0, 1.0 );
-
-			// Only the shallower pixel should detect the normal edge.
-
-			const depthIndicator = clamp( sign( depthDiff.mul( .25 ).add( .0025 ) ), 0.0, 1.0 );
-
-			return float( 1.0 ).sub( dot( normal, neighborNormal ) ).mul( depthIndicator ).mul( normalIndicator );
-
-		};
-
-		const normalEdgeIndicator = ( depth, normal ) => {
-
-			const indicator = property( 'float', 'indicator' );
-
-			indicator.addAssign( neighborNormalEdgeIndicator( 0, - 1, depth, normal ) );
-			indicator.addAssign( neighborNormalEdgeIndicator( 0, 1, depth, normal ) );
-			indicator.addAssign( neighborNormalEdgeIndicator( - 1, 0, depth, normal ) );
-			indicator.addAssign( neighborNormalEdgeIndicator( 1, 0, depth, normal ) );
-
-			return step( 0.1, indicator );
-
-		};
-
-		const pixelation = Fn( () => {
-
-			const texel = sampleTexture();
-
-			const depth = property( 'float', 'depth' );
-			const normal = property( 'vec3', 'normal' );
-
-			If( this.depthEdgeStrength.greaterThan( 0.0 ).or( this.normalEdgeStrength.greaterThan( 0.0 ) ), () => {
-
-				depth.assign( sampleDepth( 0, 0 ) );
-				normal.assign( sampleNormal( 0, 0 ) );
-
-			} );
-
-			const dei = property( 'float', 'dei' );
-
-			If( this.depthEdgeStrength.greaterThan( 0.0 ), () => {
-
-				dei.assign( depthEdgeIndicator( depth ) );
-
-			} );
-
-			const nei = property( 'float', 'nei' );
-
-			If( this.normalEdgeStrength.greaterThan( 0.0 ), () => {
-
-				nei.assign( normalEdgeIndicator( depth, normal ) );
-
-			} );
-
-			const strength = dei.greaterThan( 0 ).select( float( 1.0 ).sub( dei.mul( this.depthEdgeStrength ) ), nei.mul( this.normalEdgeStrength ).add( 1 ) );
-
-			return texel.mul( strength );
-
-		} );
-
-		const outputNode = pixelation();
-
-		return outputNode;
-
-	}
-
-}
-
-const pixelation = ( node, depthNode, normalNode, pixelSize = 6, normalEdgeStrength = 0.3, depthEdgeStrength = 0.4 ) => nodeObject( new PixelationNode( convertToTexture( node ), convertToTexture( depthNode ), convertToTexture( normalNode ), nodeObject( pixelSize ), nodeObject( normalEdgeStrength ), nodeObject( depthEdgeStrength ) ) );
-
-class PixelationPassNode extends PassNode {
-
-	static get type() {
-
-		return 'PixelationPassNode';
-
-	}
-
-	constructor( scene, camera, pixelSize = 6, normalEdgeStrength = 0.3, depthEdgeStrength = 0.4 ) {
-
-		super( 'color', scene, camera, { minFilter: NearestFilter, magFilter: NearestFilter } );
-
-		this.pixelSize = pixelSize;
-		this.normalEdgeStrength = normalEdgeStrength;
-		this.depthEdgeStrength = depthEdgeStrength;
-
-		this.isPixelationPassNode = true;
-
-		this._mrt = mrt( {
-			output: output,
-			normal: normalView
-		} );
-
-	}
-
-	setSize( width, height ) {
-
-		const pixelSize = this.pixelSize.value ? this.pixelSize.value : this.pixelSize;
-
-		const adjustedWidth = Math.floor( width / pixelSize );
-		const adjustedHeight = Math.floor( height / pixelSize );
-
-		super.setSize( adjustedWidth, adjustedHeight );
-
-	}
-
-	setup() {
-
-		const color = super.getTextureNode( 'output' );
-		const depth = super.getTextureNode( 'depth' );
-		const normal = super.getTextureNode( 'normal' );
-
-		return pixelation( color, depth, normal, this.pixelSize, this.normalEdgeStrength, this.depthEdgeStrength );
-
-	}
-
-}
-
-export const pixelationPass = ( scene, camera, pixelSize, normalEdgeStrength, depthEdgeStrength ) => nodeObject( new PixelationPassNode( scene, camera, pixelSize, normalEdgeStrength, depthEdgeStrength ) );
-
-export default PixelationPassNode;

package/src/nodes/display/PosterizeNode.js

@@ -1,33 +0,0 @@
-import TempNode from '../core/TempNode.js';
-import { nodeProxy } from '../tsl/TSLBase.js';
-
-class PosterizeNode extends TempNode {
-
-	static get type() {
-
-		return 'PosterizeNode';
-
-	}
-
-	constructor( sourceNode, stepsNode ) {
-
-		super();
-
-		this.sourceNode = sourceNode;
-		this.stepsNode = stepsNode;
-
-	}
-
-	setup() {
-
-		const { sourceNode, stepsNode } = this;
-
-		return sourceNode.mul( stepsNode ).floor().div( stepsNode );
-
-	}
-
-}
-
-export default PosterizeNode;
-
-export const posterize = /*@__PURE__*/ nodeProxy( PosterizeNode );

package/src/nodes/display/RGBShiftNode.js

@@ -1,53 +0,0 @@
-import TempNode from '../core/TempNode.js';
-import { nodeObject, Fn, vec2, vec4 } from '../tsl/TSLBase.js';
-import { uniform } from '../core/UniformNode.js';
-import { uv } from '../accessors/UV.js';
-import { sin, cos } from '../math/MathNode.js';
-import { convertToTexture } from '../utils/RTTNode.js';
-
-class RGBShiftNode extends TempNode {
-
-	static get type() {
-
-		return 'RGBShiftNode';
-
-	}
-
-	constructor( textureNode, amount = 0.005, angle = 0 ) {
-
-		super( 'vec4' );
-
-		this.textureNode = textureNode;
-		this.amount = uniform( amount );
-		this.angle = uniform( angle );
-
-	}
-
-	setup() {
-
-		const { textureNode } = this;
-
-		const uvNode = textureNode.uvNode || uv();
-
-		const sampleTexture = ( uv ) => textureNode.uv( uv );
-
-		const rgbShift = Fn( () => {
-
-			const offset = vec2( cos( this.angle ), sin( this.angle ) ).mul( this.amount );
-			const cr = sampleTexture( uvNode.add( offset ) );
-			const cga = sampleTexture( uvNode );
-			const cb = sampleTexture( uvNode.sub( offset ) );
-
-			return vec4( cr.r, cga.g, cb.b, cga.a );
-
-		} );
-
-		return rgbShift();
-
-	}
-
-}
-
-export default RGBShiftNode;
-
-export const rgbShift = ( node, amount, angle ) => nodeObject( new RGBShiftNode( convertToTexture( node ), amount, angle ) );

package/src/nodes/display/StereoCompositePassNode.js

@@ -1,110 +0,0 @@
-
-import PassNode from './PassNode.js';
-import { StereoCamera } from '../../cameras/StereoCamera.js';
-import { HalfFloatType, LinearFilter, NearestFilter } from '../../constants.js';
-import { RenderTarget } from '../../core/RenderTarget.js';
-import { texture } from '../accessors/TextureNode.js';
-import { Vector2 } from '../../math/Vector2.js';
-import QuadMesh from '../../renderers/common/QuadMesh.js';
-
-const _size = /*@__PURE__*/ new Vector2();
-const _quadMesh = /*@__PURE__*/ new QuadMesh();
-
-class StereoCompositePassNode extends PassNode {
-
-	static get type() {
-
-		return 'StereoCompositePassNode';
-
-	}
-
-	constructor( scene, camera ) {
-
-		super( PassNode.COLOR, scene, camera );
-
-		this.isStereoCompositePassNode = true;
-
-		this.stereo = new StereoCamera();
-		const _params = { minFilter: LinearFilter, magFilter: NearestFilter, type: HalfFloatType };
-
-		this._renderTargetL = new RenderTarget( 1, 1, _params );
-		this._renderTargetR = new RenderTarget( 1, 1, _params );
-
-		this._mapLeft = texture( this._renderTargetL.texture );
-		this._mapRight = texture( this._renderTargetR.texture );
-
-		this._material = null;
-
-	}
-
-	updateStereoCamera( coordinateSystem ) {
-
-		this.stereo.cameraL.coordinateSystem = coordinateSystem;
-		this.stereo.cameraR.coordinateSystem = coordinateSystem;
-		this.stereo.update( this.camera );
-
-	}
-
-	setSize( width, height ) {
-
-		super.setSize( width, height );
-
-		this._renderTargetL.setSize( this.renderTarget.width, this.renderTarget.height );
-		this._renderTargetR.setSize( this.renderTarget.width, this.renderTarget.height );
-
-	}
-
-	updateBefore( frame ) {
-
-		const { renderer } = frame;
-		const { scene, stereo, renderTarget } = this;
-
-		this._pixelRatio = renderer.getPixelRatio();
-
-		this.updateStereoCamera( renderer.coordinateSystem );
-
-		const size = renderer.getSize( _size );
-		this.setSize( size.width, size.height );
-
-		const currentRenderTarget = renderer.getRenderTarget();
-
-		// left
-
-		renderer.setRenderTarget( this._renderTargetL );
-		renderer.render( scene, stereo.cameraL );
-
-		// right
-
-		renderer.setRenderTarget( this._renderTargetR );
-		renderer.render( scene, stereo.cameraR );
-
-		// composite
-
-		renderer.setRenderTarget( renderTarget );
-		_quadMesh.material = this._material;
-		_quadMesh.render( renderer );
-
-		// restore
-
-		renderer.setRenderTarget( currentRenderTarget );
-
-	}
-
-	dispose() {
-
-		super.dispose();
-
-		this._renderTargetL.dispose();
-		this._renderTargetR.dispose();
-
-		if ( this._material !== null ) {
-
-			this._material.dispose();
-
-		}
-
-	}
-
-}
-
-export default StereoCompositePassNode;

package/src/nodes/display/TransitionNode.js

@@ -1,80 +0,0 @@
-import TempNode from '../core/TempNode.js';
-import { uv } from '../accessors/UV.js';
-import { Fn, nodeObject, float, int, vec4, If } from '../tsl/TSLBase.js';
-import { clamp, mix } from '../math/MathNode.js';
-import { sub } from '../math/OperatorNode.js';
-import { convertToTexture } from '../utils/RTTNode.js';
-
-class TransitionNode extends TempNode {
-
-	static get type() {
-
-		return 'TransitionNode';
-
-	}
-
-	constructor( textureNodeA, textureNodeB, mixTextureNode, mixRatioNode, thresholdNode, useTextureNode ) {
-
-		super();
-
-		// Input textures
-
-		this.textureNodeA = textureNodeA;
-		this.textureNodeB = textureNodeB;
-		this.mixTextureNode = mixTextureNode;
-
-		// Uniforms
-
-		this.mixRatioNode = mixRatioNode;
-		this.thresholdNode = thresholdNode;
-		this.useTextureNode = useTextureNode;
-
-	}
-
-	setup() {
-
-		const { textureNodeA, textureNodeB, mixTextureNode, mixRatioNode, thresholdNode, useTextureNode } = this;
-
-		const sampleTexture = ( textureNode ) => {
-
-			const uvNodeTexture = textureNode.uvNode || uv();
-			return textureNode.uv( uvNodeTexture );
-
-		};
-
-		const transition = Fn( () => {
-
-			const texelOne = sampleTexture( textureNodeA );
-			const texelTwo = sampleTexture( textureNodeB );
-
-			const color = vec4().toVar();
-
-			If( useTextureNode.equal( int( 1 ) ), () => {
-
-				const transitionTexel = sampleTexture( mixTextureNode );
-				const r = mixRatioNode.mul( thresholdNode.mul( 2.0 ).add( 1.0 ) ).sub( thresholdNode );
-				const mixf = clamp( sub( transitionTexel.r, r ).mul( float( 1.0 ).div( thresholdNode ) ), 0.0, 1.0 );
-
-				color.assign( mix( texelOne, texelTwo, mixf ) );
-
-			} ).Else( () => {
-
-				color.assign( mix( texelTwo, texelOne, mixRatioNode ) );
-
-			} );
-
-			return color;
-
-		} );
-
-		const outputNode = transition();
-
-		return outputNode;
-
-	}
-
-}
-
-export default TransitionNode;
-
-export const transition = ( nodeA, nodeB, mixTexture, mixRatio = 0.0, threshold = 0.1, useTexture = 0 ) => nodeObject( new TransitionNode( convertToTexture( nodeA ), convertToTexture( nodeB ), convertToTexture( mixTexture ), nodeObject( mixRatio ), nodeObject( threshold ), nodeObject( useTexture ) ) );

package/src/nodes/fog/FogExp2Node.js

@@ -1,35 +0,0 @@
-import FogNode from './FogNode.js';
-import { nodeProxy } from '../tsl/TSLBase.js';
-
-class FogExp2Node extends FogNode {
-
-	static get type() {
-
-		return 'FogExp2Node';
-
-	}
-
-	constructor( colorNode, densityNode ) {
-
-		super( colorNode );
-
-		this.isFogExp2Node = true;
-
-		this.densityNode = densityNode;
-
-	}
-
-	setup( builder ) {
-
-		const viewZ = this.getViewZNode( builder );
-		const density = this.densityNode;
-
-		return density.mul( density, viewZ, viewZ ).negate().exp().oneMinus();
-
-	}
-
-}
-
-export default FogExp2Node;
-
-export const densityFog = /*@__PURE__*/ nodeProxy( FogExp2Node );

package/src/nodes/fog/FogNode.js

@@ -1,50 +0,0 @@
-import Node from '../core/Node.js';
-import { positionView } from '../accessors/Position.js';
-import { nodeProxy } from '../tsl/TSLBase.js';
-
-class FogNode extends Node {
-
-	static get type() {
-
-		return 'FogNode';
-
-	}
-
-	constructor( colorNode, factorNode ) {
-
-		super( 'float' );
-
-		this.isFogNode = true;
-
-		this.colorNode = colorNode;
-		this.factorNode = factorNode;
-
-	}
-
-	getViewZNode( builder ) {
-
-		let viewZ;
-
-		const getViewZ = builder.context.getViewZ;
-
-		if ( getViewZ !== undefined ) {
-
-			viewZ = getViewZ( this );
-
-		}
-
-		return ( viewZ || positionView.z ).negate();
-
-	}
-
-	setup() {
-
-		return this.factorNode;
-
-	}
-
-}
-
-export default FogNode;
-
-export const fog = /*@__PURE__*/ nodeProxy( FogNode );

package/src/nodes/fog/FogRangeNode.js

@@ -1,36 +0,0 @@
-import FogNode from './FogNode.js';
-import { smoothstep } from '../math/MathNode.js';
-import { nodeProxy } from '../tsl/TSLBase.js';
-
-class FogRangeNode extends FogNode {
-
-	static get type() {
-
-		return 'FogRangeNode';
-
-	}
-
-	constructor( colorNode, nearNode, farNode ) {
-
-		super( colorNode );
-
-		this.isFogRangeNode = true;
-
-		this.nearNode = nearNode;
-		this.farNode = farNode;
-
-	}
-
-	setup( builder ) {
-
-		const viewZ = this.getViewZNode( builder );
-
-		return smoothstep( this.nearNode, this.farNode, viewZ );
-
-	}
-
-}
-
-export default FogRangeNode;
-
-export const rangeFog = /*@__PURE__*/ nodeProxy( FogRangeNode );

package/src/nodes/functions/BSDF/DFGApprox.js

@@ -1,30 +0,0 @@
-import { Fn, vec2, vec4 } from '../../tsl/TSLBase.js';
-
-// Analytical approximation of the DFG LUT, one half of the
-// split-sum approximation used in indirect specular lighting.
-// via 'environmentBRDF' from "Physically Based Shading on Mobile"
-// https://www.unrealengine.com/blog/physically-based-shading-on-mobile
-const DFGApprox = /*@__PURE__*/ Fn( ( { roughness, dotNV } ) => {
-
-	const c0 = vec4( - 1, - 0.0275, - 0.572, 0.022 );
-
-	const c1 = vec4( 1, 0.0425, 1.04, - 0.04 );
-
-	const r = roughness.mul( c0 ).add( c1 );
-
-	const a004 = r.x.mul( r.x ).min( dotNV.mul( - 9.28 ).exp2() ).mul( r.x ).add( r.y );
-
-	const fab = vec2( - 1.04, 1.04 ).mul( a004 ).add( r.zw );
-
-	return fab;
-
-} ).setLayout( {
-	name: 'DFGApprox',
-	type: 'vec2',
-	inputs: [
-		{ name: 'roughness', type: 'float' },
-		{ name: 'dotNV', type: 'vec3' }
-	]
-} );
-
-export default DFGApprox;

package/src/nodes/utils/EquirectUVNode.js

@@ -1,36 +0,0 @@
-import TempNode from '../core/TempNode.js';
-import { positionWorldDirection } from '../accessors/Position.js';
-import { nodeProxy, vec2 } from '../tsl/TSLBase.js';
-
-class EquirectUVNode extends TempNode {
-
-	static get type() {
-
-		return 'EquirectUVNode';
-
-	}
-
-	constructor( dirNode = positionWorldDirection ) {
-
-		super( 'vec2' );
-
-		this.dirNode = dirNode;
-
-	}
-
-	setup() {
-
-		const dir = this.dirNode;
-
-		const u = dir.z.atan2( dir.x ).mul( 1 / ( Math.PI * 2 ) ).add( 0.5 );
-		const v = dir.y.clamp( - 1.0, 1.0 ).asin().mul( 1 / Math.PI ).add( 0.5 );
-
-		return vec2( u, v );
-
-	}
-
-}
-
-export default EquirectUVNode;
-
-export const equirectUV = /*@__PURE__*/ nodeProxy( EquirectUVNode );