super-three 0.136.0 → 0.141.0

package/examples/jsm/{renderers/nodes → nodes}/utils/SplitNode.js

@@ -1,4 +1,5 @@
 import Node from '../core/Node.js';
+import { vector } from '../core/NodeBuilder.js';
 
 class SplitNode extends Node {
 
@@ -11,6 +12,20 @@ class SplitNode extends Node {
 
 	}
 
+	getVectorLength() {
+
+		let vectorLength = this.components.length;
+
+		for ( const c of this.components ) {
+
+			vectorLength = Math.max( vector.indexOf( c ) + 1, vectorLength );
+
+		}
+
+		return vectorLength;
+
+	}
+
 	getNodeType( builder ) {
 
 		return builder.getTypeFromLength( this.components.length );
@@ -24,15 +39,15 @@ class SplitNode extends Node {
 
 		if ( nodeTypeLength > 1 ) {
 
-			const components = this.components;
-
 			let type = null;
 
-			if ( components.length >= nodeTypeLength ) {
+			const componentsLength = this.getVectorLength();
+
+			if ( componentsLength >= nodeTypeLength ) {
 
 				// need expand the input node
 
-				type = this.getNodeType( builder );
+				type = builder.getTypeFromLength( this.getVectorLength() );
 
 			}
 
@@ -50,6 +65,22 @@ class SplitNode extends Node {
 
 	}
 
+	serialize( data ) {
+
+		super.serialize( data );
+
+		data.components = this.components;
+
+	}
+
+	deserialize( data ) {
+
+		super.deserialize( data );
+
+		this.components = data.components;
+
+	}
+
 }
 
 export default SplitNode;

package/examples/jsm/{renderers/nodes → nodes}/utils/SpriteSheetUVNode.js

@@ -1,5 +1,5 @@
 import Node from '../core/Node.js';
-import FloatNode from '../inputs/FloatNode.js';
+import ConstNode from '../core/ConstNode.js';
 import UVNode from '../accessors/UVNode.js';
 import MathNode from '../math/MathNode.js';
 import OperatorNode from '../math/OperatorNode.js';
@@ -8,7 +8,7 @@ import JoinNode from '../utils/JoinNode.js';
 
 class SpriteSheetUVNode extends Node {
 
-	constructor( countNode, uvNode = new UVNode(), frameNode = new FloatNode( 0 ).setConst( true ) ) {
+	constructor( countNode, uvNode = new UVNode(), frameNode = new ConstNode( 0 ) ) {
 
 		super( 'vec2' );
 
@@ -24,7 +24,7 @@ class SpriteSheetUVNode extends Node {
 		const uv = this.uvNode;
 		const frame = this.frameNode;
 
-		const one = new FloatNode( 1 ).setConst( true );
+		const one = new ConstNode( 1 );
 
 		const width = new SplitNode( count, 'x' );
 		const height = new SplitNode( count, 'y' );

package/examples/jsm/nodes/utils/TimerNode.js

@@ -1,99 +1,64 @@
-import { FloatNode } from '../inputs/FloatNode.js';
-import { NodeLib } from '../core/NodeLib.js';
+import UniformNode from '../core/UniformNode.js';
+import { NodeUpdateType } from '../core/constants.js';
 
-class TimerNode extends FloatNode {
+class TimerNode extends UniformNode {
 
-	constructor( scale, scope, timeScale ) {
+	static LOCAL = 'local';
+	static GLOBAL = 'global';
+	static DELTA = 'delta';
 
-		super();
+	constructor( scope = TimerNode.LOCAL, scale = 1 ) {
 
-		this.scale = scale !== undefined ? scale : 1;
-		this.scope = scope || TimerNode.GLOBAL;
+		super( 0 );
 
-		this.timeScale = timeScale !== undefined ? timeScale : scale !== undefined;
+		this.scope = scope;
+		this.scale = scale;
 
-	}
-
-	getReadonly() {
-
-		// never use TimerNode as readonly but aways as "uniform"
-
-		return false;
-
-	}
-
-	getUnique() {
-
-		// share TimerNode "uniform" input if is used on more time with others TimerNode
-
-		return this.timeScale && ( this.scope === TimerNode.GLOBAL || this.scope === TimerNode.DELTA );
+		this.updateType = NodeUpdateType.Frame;
 
 	}
 
-	updateFrame( frame ) {
+	update( frame ) {
 
-		const scale = this.timeScale ? this.scale : 1;
+		const scope = this.scope;
+		const scale = this.scale;
 
-		switch ( this.scope ) {
+		if ( scope === TimerNode.LOCAL ) {
 
-			case TimerNode.LOCAL:
+			this.value += frame.deltaTime * scale;
 
-				this.value += frame.delta * scale;
+		} else if ( scope === TimerNode.DELTA ) {
 
-				break;
+			this.value = frame.deltaTime * scale;
 
-			case TimerNode.DELTA:
+		} else {
 
-				this.value = frame.delta * scale;
+			// global
 
-				break;
-
-			default:
-
-				this.value = frame.time * scale;
+			this.value = frame.time * scale;
 
 		}
 
 	}
 
-	copy( source ) {
-
-		super.copy( source );
-
-		this.scope = source.scope;
-		this.scale = source.scale;
-
-		this.timeScale = source.timeScale;
-
-		return this;
-
-	}
-
-	toJSON( meta ) {
+	serialize( data ) {
 
-		const data = super.toJSON( meta );
+		super.serialize( data );
 
 		data.scope = this.scope;
 		data.scale = this.scale;
 
-		data.timeScale = this.timeScale;
-
-		return data;
-
 	}
 
-}
-
-TimerNode.GLOBAL = 'global';
-TimerNode.LOCAL = 'local';
-TimerNode.DELTA = 'delta';
+	deserialize( data ) {
 
-TimerNode.prototype.nodeType = 'Timer';
+		super.deserialize( data );
 
-NodeLib.addKeyword( 'time', function () {
+		this.scope = data.scope;
+		this.scale = data.scale;
 
-	return new TimerNode();
+	}
 
-} );
+}
 
-export { TimerNode };
+export default TimerNode;

package/examples/jsm/objects/Lensflare.js

@@ -8,11 +8,11 @@ import {
 	InterleavedBufferAttribute,
 	Mesh,
 	MeshBasicMaterial,
-	RGBFormat,
 	RawShaderMaterial,
 	Vector2,
 	Vector3,
-	Vector4
+	Vector4,
+	RGBAFormat
 } from 'three';
 
 class Lensflare extends Mesh {
@@ -21,6 +21,8 @@ class Lensflare extends Mesh {
 
 		super( Lensflare.Geometry, new MeshBasicMaterial( { opacity: 0, transparent: true } ) );
 
+		this.isLensflare = true;
+
 		this.type = 'Lensflare';
 		this.frustumCulled = false;
 		this.renderOrder = Infinity;
@@ -32,8 +34,8 @@ class Lensflare extends Mesh {
 
 		// textures
 
-		const tempMap = new FramebufferTexture( 16, 16, RGBFormat );
-		const occlusionMap = new FramebufferTexture( 16, 16, RGBFormat );
+		const tempMap = new FramebufferTexture( 16, 16, RGBAFormat );
+		const occlusionMap = new FramebufferTexture( 16, 16, RGBAFormat );
 
 		// material
 
@@ -265,8 +267,6 @@ class Lensflare extends Mesh {
 
 }
 
-Lensflare.prototype.isLensflare = true;
-
 //
 
 class LensflareElement {

package/examples/jsm/objects/LightningStorm.js

@@ -58,6 +58,8 @@ class LightningStorm extends Object3D {
 
 		super();
 
+		this.isLightningStorm = true;
+
 		// Parameters
 
 		this.stormParams = stormParams;
@@ -205,9 +207,9 @@ class LightningStorm extends Object3D {
 
 	}
 
-	copy( source ) {
+	copy( source, recursive ) {
 
-		super.copy( source );
+		super.copy( source, recursive );
 
 		this.stormParams.size = source.stormParams.size;
 		this.stormParams.minHeight = source.stormParams.minHeight;
@@ -240,6 +242,4 @@ class LightningStorm extends Object3D {
 
 }
 
-LightningStorm.prototype.isLightningStorm = true;
-
 export { LightningStorm };

package/examples/jsm/objects/MarchingCubes.js

@@ -18,6 +18,8 @@ class MarchingCubes extends Mesh {
 
 		super( geometry, material );
 
+		this.isMarchingCubes = true;
+
 		const scope = this;
 
 		// temp buffers used in polygonize
@@ -812,7 +814,7 @@ class MarchingCubes extends Mesh {
 
 		};
 
-		this.onBeforeRender = function () {
+		this.update = function () {
 
 			this.count = 0;
 
@@ -843,13 +845,9 @@ class MarchingCubes extends Mesh {
 
 			}
 
-			// reset unneeded data
-
-			for ( let i = this.count * 3; i < this.positionArray.length; i ++ ) {
+			// set the draw range to only the processed triangles
 
-				this.positionArray[ i ] = 0.0;
-
-			}
+			this.geometry.setDrawRange( 0, this.count );
 
 			// update geometry data
 
@@ -871,8 +869,6 @@ class MarchingCubes extends Mesh {
 
 }
 
-MarchingCubes.prototype.isMarchingCubes = true;
-
 /////////////////////////////////////
 // Marching cubes lookup tables
 /////////////////////////////////////

package/examples/jsm/objects/Reflector.js

@@ -1,12 +1,9 @@
 import {
 	Color,
-	LinearFilter,
-	MathUtils,
 	Matrix4,
 	Mesh,
 	PerspectiveCamera,
 	Plane,
-	RGBFormat,
 	ShaderMaterial,
 	UniformsUtils,
 	Vector3,
@@ -20,7 +17,10 @@ class Reflector extends Mesh {
 
 		super( geometry );
 
+		this.isReflector = true;
+
 		this.type = 'Reflector';
+		this.camera = new PerspectiveCamera();
 
 		const scope = this;
 
@@ -29,6 +29,7 @@ class Reflector extends Mesh {
 		const textureHeight = options.textureHeight || 512;
 		const clipBias = options.clipBias || 0;
 		const shader = options.shader || Reflector.ReflectorShader;
+		const multisample = ( options.multisample !== undefined ) ? options.multisample : 4;
 
 		//
 
@@ -45,21 +46,9 @@ class Reflector extends Mesh {
 		const q = new Vector4();
 
 		const textureMatrix = new Matrix4();
-		const virtualCamera = new PerspectiveCamera();
-
-		const parameters = {
-			minFilter: LinearFilter,
-			magFilter: LinearFilter,
-			format: RGBFormat
-		};
-
-		const renderTarget = new WebGLRenderTarget( textureWidth, textureHeight, parameters );
-
-		if ( ! MathUtils.isPowerOfTwo( textureWidth ) || ! MathUtils.isPowerOfTwo( textureHeight ) ) {
+		const virtualCamera = this.camera;
 
-			renderTarget.texture.generateMipmaps = false;
-
-		}
+		const renderTarget = new WebGLRenderTarget( textureWidth, textureHeight, { samples: multisample } );
 
 		const material = new ShaderMaterial( {
 			uniforms: UniformsUtils.clone( shader.uniforms ),
@@ -204,8 +193,6 @@ class Reflector extends Mesh {
 
 }
 
-Reflector.prototype.isReflector = true;
-
 Reflector.ReflectorShader = {
 
 	uniforms: {
@@ -267,6 +254,8 @@ Reflector.ReflectorShader = {
 			vec4 base = texture2DProj( tDiffuse, vUv );
 			gl_FragColor = vec4( blendOverlay( base.rgb, color ), 1.0 );
 
+			#include <encodings_fragment>
+
 		}`
 };
 

package/examples/jsm/objects/ReflectorForSSRPass.js

@@ -1,11 +1,8 @@
 import {
 	Color,
-	LinearFilter,
-	MathUtils,
 	Matrix4,
 	Mesh,
 	PerspectiveCamera,
-	RGBFormat,
 	ShaderMaterial,
 	UniformsUtils,
 	Vector2,
@@ -23,6 +20,8 @@ class ReflectorForSSRPass extends Mesh {
 
 		super( geometry );
 
+		this.isReflectorForSSRPass = true;
+
 		this.type = 'ReflectorForSSRPass';
 
 		const scope = this;
@@ -104,20 +103,11 @@ class ReflectorForSSRPass extends Mesh {
 		}
 
 		const parameters = {
-			minFilter: LinearFilter,
-			magFilter: LinearFilter,
-			format: RGBFormat,
 			depthTexture: useDepthTexture ? depthTexture : null,
 		};
 
 		const renderTarget = new WebGLRenderTarget( textureWidth, textureHeight, parameters );
 
-		if ( ! MathUtils.isPowerOfTwo( textureWidth ) || ! MathUtils.isPowerOfTwo( textureHeight ) ) {
-
-			renderTarget.texture.generateMipmaps = false;
-
-		}
-
 		const material = new ShaderMaterial( {
 			transparent: useDepthTexture,
 			defines: Object.assign( {}, ReflectorForSSRPass.ReflectorShader.defines, {
@@ -261,8 +251,6 @@ class ReflectorForSSRPass extends Mesh {
 
 }
 
-ReflectorForSSRPass.prototype.isReflectorForSSRPass = true;
-
 ReflectorForSSRPass.ReflectorShader = {
 
 	defines: {

package/examples/jsm/objects/Refractor.js

@@ -1,13 +1,10 @@
 import {
 	Color,
-	LinearFilter,
-	MathUtils,
 	Matrix4,
 	Mesh,
 	PerspectiveCamera,
 	Plane,
 	Quaternion,
-	RGBFormat,
 	ShaderMaterial,
 	UniformsUtils,
 	Vector3,
@@ -21,7 +18,10 @@ class Refractor extends Mesh {
 
 		super( geometry );
 
+		this.isRefractor = true;
+
 		this.type = 'Refractor';
+		this.camera = new PerspectiveCamera();
 
 		const scope = this;
 
@@ -30,10 +30,11 @@ class Refractor extends Mesh {
 		const textureHeight = options.textureHeight || 512;
 		const clipBias = options.clipBias || 0;
 		const shader = options.shader || Refractor.RefractorShader;
+		const multisample = ( options.multisample !== undefined ) ? options.multisample : 4;
 
 		//
 
-		const virtualCamera = new PerspectiveCamera();
+		const virtualCamera = this.camera;
 		virtualCamera.matrixAutoUpdate = false;
 		virtualCamera.userData.refractor = true;
 
@@ -44,19 +45,7 @@ class Refractor extends Mesh {
 
 		// render target
 
-		const parameters = {
-			minFilter: LinearFilter,
-			magFilter: LinearFilter,
-			format: RGBFormat
-		};
-
-		const renderTarget = new WebGLRenderTarget( textureWidth, textureHeight, parameters );
-
-		if ( ! MathUtils.isPowerOfTwo( textureWidth ) || ! MathUtils.isPowerOfTwo( textureHeight ) ) {
-
-			renderTarget.texture.generateMipmaps = false;
-
-		}
+		const renderTarget = new WebGLRenderTarget( textureWidth, textureHeight, { samples: multisample } );
 
 		// material
 
@@ -273,8 +262,6 @@ class Refractor extends Mesh {
 
 }
 
-Refractor.prototype.isRefractor = true;
-
 Refractor.RefractorShader = {
 
 	uniforms: {
@@ -330,6 +317,8 @@ Refractor.RefractorShader = {
 			vec4 base = texture2DProj( tDiffuse, vUv );
 			gl_FragColor = vec4( blendOverlay( base.rgb, color ), 1.0 );
 
+			#include <encodings_fragment>
+
 		}`
 
 };

package/examples/jsm/objects/ShadowMesh.js

@@ -25,6 +25,8 @@ class ShadowMesh extends Mesh {
 
 		super( mesh.geometry, shadowMaterial );
 
+		this.isShadowMesh = true;
+
 		this.meshMatrix = mesh.matrixWorld;
 
 		this.frustumCulled = false;
@@ -69,6 +71,4 @@ class ShadowMesh extends Mesh {
 
 }
 
-ShadowMesh.prototype.isShadowMesh = true;
-
 export { ShadowMesh };

package/examples/jsm/objects/Sky.js

@@ -38,12 +38,12 @@ class Sky extends Mesh {
 
 		super( new BoxGeometry( 1, 1, 1 ), material );
 
+		this.isSky = true;
+
 	}
 
 }
 
-Sky.prototype.isSky = true;
-
 Sky.SkyShader = {
 
 	uniforms: {

package/examples/jsm/objects/Water.js

@@ -1,13 +1,10 @@
 import {
 	Color,
 	FrontSide,
-	LinearFilter,
-	MathUtils,
 	Matrix4,
 	Mesh,
 	PerspectiveCamera,
 	Plane,
-	RGBFormat,
 	ShaderMaterial,
 	UniformsLib,
 	UniformsUtils,
@@ -29,6 +26,8 @@ class Water extends Mesh {
 
 		super( geometry );
 
+		this.isWater = true;
+
 		const scope = this;
 
 		const textureWidth = options.textureWidth !== undefined ? options.textureWidth : 512;
@@ -64,19 +63,7 @@ class Water extends Mesh {
 
 		const mirrorCamera = new PerspectiveCamera();
 
-		const parameters = {
-			minFilter: LinearFilter,
-			magFilter: LinearFilter,
-			format: RGBFormat
-		};
-
-		const renderTarget = new WebGLRenderTarget( textureWidth, textureHeight, parameters );
-
-		if ( ! MathUtils.isPowerOfTwo( textureWidth ) || ! MathUtils.isPowerOfTwo( textureHeight ) ) {
-
-			renderTarget.texture.generateMipmaps = false;
-
-		}
+		const renderTarget = new WebGLRenderTarget( textureWidth, textureHeight );
 
 		const mirrorShader = {
 
@@ -339,6 +326,4 @@ class Water extends Mesh {
 
 }
 
-Water.prototype.isWater = true;
-
 export { Water };

package/examples/jsm/objects/Water2.js

@@ -27,6 +27,8 @@ class Water extends Mesh {
 
 		super( geometry );
 
+		this.isWater = true;
+
 		this.type = 'Water';
 
 		const scope = this;
@@ -201,8 +203,6 @@ class Water extends Mesh {
 
 }
 
-Water.prototype.isWater = true;
-
 Water.WaterShader = {
 
 	uniforms: {

package/examples/jsm/offscreen/jank.js

@@ -1,9 +1,9 @@
-var interval = null;
-var result = null;
+let interval = null;
+let result = null;
 
 function initJank() {
 
-	var button = document.getElementById( 'button' );
+	const button = document.getElementById( 'button' );
 	button.addEventListener( 'click', function () {
 
 		if ( interval === null ) {
@@ -30,9 +30,9 @@ function initJank() {
 
 function jank() {
 
-	var number = 0;
+	let number = 0;
 
-	for ( var i = 0; i < 10000000; i ++ ) {
+	for ( let i = 0; i < 10000000; i ++ ) {
 
 		number += Math.random();
 

package/examples/jsm/offscreen/offscreen.js

@@ -2,7 +2,7 @@ import init from './scene.js';
 
 self.onmessage = function ( message ) {
 
-	var data = message.data;
+	const data = message.data;
 	init( data.drawingSurface, data.width, data.height, data.pixelRatio, data.path );
 
 };