super-three 0.167.0 → 0.169.0

package/src/nodes/display/ViewportNode.js

@@ -1,137 +0,0 @@
-import Node, { addNodeClass } from '../core/Node.js';
-import { NodeUpdateType } from '../core/constants.js';
-import { uniform } from '../core/UniformNode.js';
-import { nodeImmutable, vec2 } from '../shadernode/ShaderNode.js';
-
-import { Vector2 } from '../../math/Vector2.js';
-import { Vector4 } from '../../math/Vector4.js';
-
-let resolution, viewportResult;
-
-class ViewportNode extends Node {
-
-	constructor( scope ) {
-
-		super();
-
-		this.scope = scope;
-
-		this.isViewportNode = true;
-
-	}
-
-	getNodeType() {
-
-		if ( this.scope === ViewportNode.VIEWPORT ) return 'vec4';
-		else if ( this.scope === ViewportNode.COORDINATE ) return 'vec3';
-		else return 'vec2';
-
-	}
-
-	getUpdateType() {
-
-		let updateType = NodeUpdateType.NONE;
-
-		if ( this.scope === ViewportNode.RESOLUTION || this.scope === ViewportNode.VIEWPORT ) {
-
-			updateType = NodeUpdateType.RENDER;
-
-		}
-
-		this.updateType = updateType;
-
-		return updateType;
-
-	}
-
-	update( { renderer } ) {
-
-		if ( this.scope === ViewportNode.VIEWPORT ) {
-
-			renderer.getViewport( viewportResult );
-
-		} else {
-
-			renderer.getDrawingBufferSize( resolution );
-
-		}
-
-	}
-
-	setup( /*builder*/ ) {
-
-		const scope = this.scope;
-
-		let output = null;
-
-		if ( scope === ViewportNode.RESOLUTION ) {
-
-			output = uniform( resolution || ( resolution = new Vector2() ) );
-
-		} else if ( scope === ViewportNode.VIEWPORT ) {
-
-			output = uniform( viewportResult || ( viewportResult = new Vector4() ) );
-
-		} else {
-
-			output = viewportCoordinate.div( viewportResolution );
-
-			let outX = output.x;
-			let outY = output.y;
-
-			if ( /bottom/i.test( scope ) ) outY = outY.oneMinus();
-			if ( /right/i.test( scope ) ) outX = outX.oneMinus();
-
-			output = vec2( outX, outY );
-
-		}
-
-		return output;
-
-	}
-
-	generate( builder ) {
-
-		if ( this.scope === ViewportNode.COORDINATE ) {
-
-			let coord = builder.getFragCoord();
-
-			if ( builder.isFlipY() ) {
-
-				// follow webgpu standards
-
-				const resolution = builder.getNodeProperties( viewportResolution ).outputNode.build( builder );
-
-				coord = `${ builder.getType( 'vec3' ) }( ${ coord }.x, ${ resolution }.y - ${ coord }.y, ${ coord }.z )`;
-
-			}
-
-			return coord;
-
-		}
-
-		return super.generate( builder );
-
-	}
-
-}
-
-ViewportNode.COORDINATE = 'coordinate';
-ViewportNode.RESOLUTION = 'resolution';
-ViewportNode.VIEWPORT = 'viewport';
-ViewportNode.TOP_LEFT = 'topLeft';
-ViewportNode.BOTTOM_LEFT = 'bottomLeft';
-ViewportNode.TOP_RIGHT = 'topRight';
-ViewportNode.BOTTOM_RIGHT = 'bottomRight';
-
-export default ViewportNode;
-
-export const viewportCoordinate = nodeImmutable( ViewportNode, ViewportNode.COORDINATE );
-export const viewportResolution = nodeImmutable( ViewportNode, ViewportNode.RESOLUTION );
-export const viewport = nodeImmutable( ViewportNode, ViewportNode.VIEWPORT );
-export const viewportTopLeft = nodeImmutable( ViewportNode, ViewportNode.TOP_LEFT );
-export const viewportBottomLeft = nodeImmutable( ViewportNode, ViewportNode.BOTTOM_LEFT );
-export const viewportTopRight = nodeImmutable( ViewportNode, ViewportNode.TOP_RIGHT );
-export const viewportBottomRight = nodeImmutable( ViewportNode, ViewportNode.BOTTOM_RIGHT );
-
-addNodeClass( 'ViewportNode', ViewportNode );

package/src/nodes/lighting/LightNode.js

@@ -1,57 +0,0 @@
-import Node, { addNodeClass } from '../core/Node.js';
-import { nodeProxy } from '../shadernode/ShaderNode.js';
-import { objectPosition } from '../accessors/Object3DNode.js';
-import { cameraViewMatrix } from '../accessors/CameraNode.js';
-
-class LightNode extends Node {
-
-	constructor( scope = LightNode.TARGET_DIRECTION, light = null ) {
-
-		super();
-
-		this.scope = scope;
-		this.light = light;
-
-	}
-
-	setup() {
-
-		const { scope, light } = this;
-
-		let output = null;
-
-		if ( scope === LightNode.TARGET_DIRECTION ) {
-
-			output = cameraViewMatrix.transformDirection( objectPosition( light ).sub( objectPosition( light.target ) ) );
-
-		}
-
-		return output;
-
-	}
-
-	serialize( data ) {
-
-		super.serialize( data );
-
-		data.scope = this.scope;
-
-	}
-
-	deserialize( data ) {
-
-		super.deserialize( data );
-
-		this.scope = data.scope;
-
-	}
-
-}
-
-LightNode.TARGET_DIRECTION = 'targetDirection';
-
-export default LightNode;
-
-export const lightTargetDirection = nodeProxy( LightNode, LightNode.TARGET_DIRECTION );
-
-addNodeClass( 'LightNode', LightNode );

package/src/nodes/materials/InstancedPointsNodeMaterial.js

@@ -1,162 +0,0 @@
-import NodeMaterial, { addNodeMaterial } from './NodeMaterial.js';
-import { varying } from '../core/VaryingNode.js';
-import { property } from '../core/PropertyNode.js';
-import { attribute } from '../core/AttributeNode.js';
-import { cameraProjectionMatrix } from '../accessors/CameraNode.js';
-import { materialColor, materialPointWidth } from '../accessors/MaterialNode.js'; // or should this be a property, instead?
-import { modelViewMatrix } from '../accessors/ModelNode.js';
-import { positionGeometry } from '../accessors/PositionNode.js';
-import { smoothstep } from '../math/MathNode.js';
-import { tslFn, vec2, vec4 } from '../shadernode/ShaderNode.js';
-import { uv } from '../accessors/UVNode.js';
-import { viewport } from '../display/ViewportNode.js';
-
-import { PointsMaterial } from '../../materials/PointsMaterial.js';
-
-const _defaultValues = /*@__PURE__*/ new PointsMaterial();
-
-class InstancedPointsNodeMaterial extends NodeMaterial {
-
-	constructor( params = {} ) {
-
-		super();
-
-		this.normals = false;
-
-		this.lights = false;
-
-		this.useAlphaToCoverage = true;
-
-		this.useColor = params.vertexColors;
-
-		this.pointWidth = 1;
-
-		this.pointColorNode = null;
-
-		this.setDefaultValues( _defaultValues );
-
-		this.setupShaders();
-
-		this.setValues( params );
-
-	}
-
-	setupShaders() {
-
-		const useAlphaToCoverage = this.alphaToCoverage;
-		const useColor = this.useColor;
-
-		this.vertexNode = tslFn( () => {
-
-			//vUv = uv;
-			varying( vec2(), 'vUv' ).assign( uv() ); // @TODO: Analyze other way to do this
-
-			const instancePosition = attribute( 'instancePosition' );
-
-			// camera space
-			const mvPos = property( 'vec4', 'mvPos' );
-			mvPos.assign( 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 = property( 'vec2', 'offset' );
-			offset.assign( positionGeometry.xy );
-			offset.assign( offset.mul( 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.assign( clipPos.add( vec4( offset, 0, 0 ) ) );
-
-			return clipPos;
-
-			//vec4 mvPosition = mvPos; // this was used for somethihng...
-
-		} )();
-
-		this.fragmentNode = tslFn( () => {
-
-			const vUv = varying( vec2(), 'vUv' );
-
-			// force assignment into correct place in flow
-			const alpha = property( 'float', 'alpha' );
-			alpha.assign( 1 );
-
-			const a = vUv.x;
-			const b = vUv.y;
-
-			const len2 = a.mul( a ).add( b.mul( b ) );
-
-			if ( useAlphaToCoverage ) {
-
-				// force assignment out of following 'if' statement - to avoid uniform control flow errors
-				const dlen = property( 'float', 'dlen' );
-				dlen.assign( len2.fwidth() );
-
-				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;
-
-				}
-
-			}
-
-			return vec4( pointColorNode, alpha );
-
-		} )();
-
-		this.needsUpdate = true;
-
-	}
-
-	get alphaToCoverage() {
-
-		return this.useAlphaToCoverage;
-
-	}
-
-	set alphaToCoverage( value ) {
-
-		if ( this.useAlphaToCoverage !== value ) {
-
-			this.useAlphaToCoverage = value;
-			this.setupShaders();
-
-		}
-
-	}
-
-}
-
-export default InstancedPointsNodeMaterial;
-
-addNodeMaterial( 'InstancedPointsNodeMaterial', InstancedPointsNodeMaterial );

package/src/nodes/math/HashNode.js

@@ -1,34 +0,0 @@
-import Node, { addNodeClass } from '../core/Node.js';
-import { addNodeElement, nodeProxy } from '../shadernode/ShaderNode.js';
-
-class HashNode extends Node {
-
-	constructor( seedNode ) {
-
-		super();
-
-		this.seedNode = seedNode;
-
-	}
-
-	setup( /*builder*/ ) {
-
-		// Taken from https://www.shadertoy.com/view/XlGcRh, originally from pcg-random.org
-
-		const state = this.seedNode.toUint().mul( 747796405 ).add( 2891336453 );
-		const word = state.shiftRight( state.shiftRight( 28 ).add( 4 ) ).bitXor( state ).mul( 277803737 );
-		const result = word.shiftRight( 22 ).bitXor( word );
-
-		return result.toFloat().mul( 1 / 2 ** 32 ); // Convert to range [0, 1)
-
-	}
-
-}
-
-export default HashNode;
-
-export const hash = nodeProxy( HashNode );
-
-addNodeElement( 'hash', hash );
-
-addNodeClass( 'HashNode', HashNode );

package/src/nodes/procedural/CheckerNode.js

@@ -1,42 +0,0 @@
-import TempNode from '../core/TempNode.js';
-import { uv } from '../accessors/UVNode.js';
-import { addNodeClass } from '../core/Node.js';
-import { addNodeElement, tslFn, nodeProxy } from '../shadernode/ShaderNode.js';
-
-const checkerShaderNode = tslFn( ( inputs ) => {
-
-	const uv = inputs.uv.mul( 2.0 );
-
-	const cx = uv.x.floor();
-	const cy = uv.y.floor();
-	const result = cx.add( cy ).mod( 2.0 );
-
-	return result.sign();
-
-} );
-
-class CheckerNode extends TempNode {
-
-	constructor( uvNode = uv() ) {
-
-		super( 'float' );
-
-		this.uvNode = uvNode;
-
-	}
-
-	setup() {
-
-		return checkerShaderNode( { uv: this.uvNode } );
-
-	}
-
-}
-
-export default CheckerNode;
-
-export const checker = nodeProxy( CheckerNode );
-
-addNodeElement( 'checker', checker );
-
-addNodeClass( 'CheckerNode', CheckerNode );

package/src/nodes/utils/DiscardNode.js

@@ -1,28 +0,0 @@
-import CondNode from '../math/CondNode.js';
-import { expression } from '../code/ExpressionNode.js';
-import { addNodeClass } from '../core/Node.js';
-import { addNodeElement, nodeProxy } from '../shadernode/ShaderNode.js';
-
-let discardExpression;
-
-class DiscardNode extends CondNode {
-
-	constructor( condNode ) {
-
-		discardExpression = discardExpression || expression( 'discard' );
-
-		super( condNode, discardExpression );
-
-	}
-
-}
-
-export default DiscardNode;
-
-export const inlineDiscard = nodeProxy( DiscardNode );
-export const discard = ( condNode ) => inlineDiscard( condNode ).append();
-export const Return = () => expression( 'return' ).append();
-
-addNodeElement( 'discard', discard ); // @TODO: Check... this cause a little confusing using in chaining
-
-addNodeClass( 'DiscardNode', DiscardNode );

package/src/nodes/utils/PackingNode.js

@@ -1,55 +0,0 @@
-import TempNode from '../core/TempNode.js';
-import { addNodeClass } from '../core/Node.js';
-import { addNodeElement, nodeProxy } from '../shadernode/ShaderNode.js';
-
-class PackingNode extends TempNode {
-
-	constructor( scope, node ) {
-
-		super();
-
-		this.scope = scope;
-		this.node = node;
-
-	}
-
-	getNodeType( builder ) {
-
-		return this.node.getNodeType( builder );
-
-	}
-
-	setup() {
-
-		const { scope, node } = this;
-
-		let result = null;
-
-		if ( scope === PackingNode.DIRECTION_TO_COLOR ) {
-
-			result = node.mul( 0.5 ).add( 0.5 );
-
-		} else if ( scope === PackingNode.COLOR_TO_DIRECTION ) {
-
-			result = node.mul( 2.0 ).sub( 1 );
-
-		}
-
-		return result;
-
-	}
-
-}
-
-PackingNode.DIRECTION_TO_COLOR = 'directionToColor';
-PackingNode.COLOR_TO_DIRECTION = 'colorToDirection';
-
-export default PackingNode;
-
-export const directionToColor = nodeProxy( PackingNode, PackingNode.DIRECTION_TO_COLOR );
-export const colorToDirection = nodeProxy( PackingNode, PackingNode.COLOR_TO_DIRECTION );
-
-addNodeElement( 'directionToColor', directionToColor );
-addNodeElement( 'colorToDirection', colorToDirection );
-
-addNodeClass( 'PackingNode', PackingNode );

package/src/nodes/utils/RotateUVNode.js

@@ -1,35 +0,0 @@
-import TempNode from '../core/TempNode.js';
-import { addNodeClass } from '../core/Node.js';
-import { addNodeElement, nodeProxy, vec2 } from '../shadernode/ShaderNode.js';
-
-class RotateUVNode extends TempNode {
-
-	constructor( uvNode, rotationNode, centerNode = vec2( 0.5 ) ) {
-
-		super( 'vec2' );
-
-		this.uvNode = uvNode;
-		this.rotationNode = rotationNode;
-		this.centerNode = centerNode;
-
-	}
-
-	setup() {
-
-		const { uvNode, rotationNode, centerNode } = this;
-
-		const vector = uvNode.sub( centerNode );
-
-		return vector.rotate( rotationNode ).add( centerNode );
-
-	}
-
-}
-
-export default RotateUVNode;
-
-export const rotateUV = nodeProxy( RotateUVNode );
-
-addNodeElement( 'rotateUV', rotateUV );
-
-addNodeClass( 'RotateUVNode', RotateUVNode );