super-three 0.133.3 → 0.136.0

package/examples/jsm/loaders/VOXLoader.js

@@ -296,6 +296,7 @@ class VOXDataTexture3D extends DataTexture3D {
 		this.minFilter = NearestFilter;
 		this.magFilter = LinearFilter;
 		this.unpackAlignment = 1;
+		this.needsUpdate = true;
 
 	}
 

package/examples/jsm/loaders/VRMLLoader.js

@@ -192,7 +192,7 @@ class VRMLLoader extends Loader {
 
 			//
 
-			const StringLiteral = createToken( { name: 'StringLiteral', pattern: /"(:?[^\\"\n\r]+|\\(:?[bfnrtv"\\/]|u[0-9a-fA-F]{4}))*"/ } );
+			const StringLiteral = createToken( { name: 'StringLiteral', pattern: /"(?:[^\\"\n\r]|\\[bfnrtv"\\/]|\\u[0-9a-fA-F][0-9a-fA-F][0-9a-fA-F][0-9a-fA-F])*"/ } );
 			const HexLiteral = createToken( { name: 'HexLiteral', pattern: /0[xX][0-9a-fA-F]+/ } );
 			const NumberLiteral = createToken( { name: 'NumberLiteral', pattern: /[-+]?[0-9]*\.?[0-9]+([eE][-+]?[0-9]+)?/ } );
 			const TrueLiteral = createToken( { name: 'TrueLiteral', pattern: /TRUE/ } );
@@ -1382,6 +1382,7 @@ class VRMLLoader extends Loader {
 						}
 
 						texture = new DataTexture( data, width, height, ( useAlpha === true ) ? RGBAFormat : RGBFormat );
+						texture.needsUpdate = true;
 						texture.__type = textureType; // needed for material modifications
 						break;
 

package/examples/jsm/loaders/lwo/LWO2Parser.js

@@ -106,6 +106,7 @@ LWO2Parser.prototype = {
 			case 'WRPW': // image wrap w ( for cylindrical and spherical projections)
 			case 'WRPH': // image wrap h
 			case 'NMOD':
+			case 'NSEL':
 			case 'NPRW':
 			case 'NPLA':
 			case 'NODS':

package/examples/jsm/loaders/lwo/LWO3Parser.js

@@ -38,8 +38,8 @@ LWO3Parser.prototype = {
 			case 'NORM':
 
 			// ENVL FORM skipped
-			case 'PRE ':
-			case 'POST':
+			case 'PRE ': // Pre-loop behavior for the keyframe
+			case 'POST': // Post-loop behavior for the keyframe
 			case 'KEY ':
 			case 'SPAN':
 

package/examples/jsm/math/ImprovedNoise.js

@@ -1,4 +1,4 @@
-// http://mrl.nyu.edu/~perlin/noise/
+// https://cs.nyu.edu/~perlin/noise/
 
 const _p = [ 151, 160, 137, 91, 90, 15, 131, 13, 201, 95, 96, 53, 194, 233, 7, 225, 140, 36, 103, 30, 69, 142, 8, 99, 37, 240, 21, 10,
 	 23, 190, 6, 148, 247, 120, 234, 75, 0, 26, 197, 62, 94, 252, 219, 203, 117, 35, 11, 32, 57, 177, 33, 88, 237, 149, 56, 87,

package/examples/jsm/misc/GPUComputationRenderer.js

@@ -345,7 +345,9 @@ class GPUComputationRenderer {
 		this.createTexture = function () {
 
 			const data = new Float32Array( sizeX * sizeY * 4 );
-			return new DataTexture( data, sizeX, sizeY, RGBAFormat, FloatType );
+			const texture = new DataTexture( data, sizeX, sizeY, RGBAFormat, FloatType );
+			texture.needsUpdate = true;
+			return texture;
 
 		};
 

package/examples/jsm/node-editor/NodeEditor.js

@@ -0,0 +1,456 @@
+import { Canvas, CircleMenu, ButtonInput, ContextMenu, Loader } from '../libs/flow.module.js';
+import { StandardMaterialEditor } from './materials/StandardMaterialEditor.js';
+import { OperatorEditor } from './math/OperatorEditor.js';
+import { NormalizeEditor } from './math/NormalizeEditor.js';
+import { InvertEditor } from './math/InvertEditor.js';
+import { LimiterEditor } from './math/LimiterEditor.js';
+import { DotEditor } from './math/DotEditor.js';
+import { PowerEditor } from './math/PowerEditor.js';
+import { TrigonometryEditor } from './math/TrigonometryEditor.js';
+import { FloatEditor } from './inputs/FloatEditor.js';
+import { Vector2Editor } from './inputs/Vector2Editor.js';
+import { Vector3Editor } from './inputs/Vector3Editor.js';
+import { Vector4Editor } from './inputs/Vector4Editor.js';
+import { SliderEditor } from './inputs/SliderEditor.js';
+import { ColorEditor } from './inputs/ColorEditor.js';
+import { BlendEditor } from './display/BlendEditor.js';
+import { UVEditor } from './accessors/UVEditor.js';
+import { PositionEditor } from './accessors/PositionEditor.js';
+import { NormalEditor } from './accessors/NormalEditor.js';
+import { TimerEditor } from './utils/TimerEditor.js';
+import { OscillatorEditor } from './utils/OscillatorEditor.js';
+import { CheckerEditor } from './procedural/CheckerEditor.js';
+
+import { EventDispatcher } from 'three';
+
+export const ClassLib = {
+	StandardMaterialEditor,
+	OperatorEditor,
+	NormalizeEditor,
+	InvertEditor,
+	LimiterEditor,
+	DotEditor,
+	PowerEditor,
+	TrigonometryEditor,
+	FloatEditor,
+	Vector2Editor,
+	Vector3Editor,
+	Vector4Editor,
+	SliderEditor,
+	ColorEditor,
+	BlendEditor,
+	UVEditor,
+	PositionEditor,
+	NormalEditor,
+	TimerEditor,
+	OscillatorEditor,
+	CheckerEditor
+};
+
+export class NodeEditor extends EventDispatcher {
+
+	constructor() {
+
+		super();
+
+		const domElement = document.createElement( 'flow' );
+		const canvas = new Canvas();
+
+		domElement.appendChild( canvas.dom );
+
+		this.canvas = canvas;
+		this.domElement = domElement;
+
+		this.nodesContext = null;
+		this.examplesContext = null;
+
+		this._initMenu();
+		this._initNodesContext();
+		this._initExamplesContext();
+
+	}
+
+	add( node ) {
+
+		this.canvas.add( node );
+
+		return this;
+
+	}
+
+	get nodes() {
+
+		return this.canvas.nodes;
+
+	}
+
+	newProject() {
+
+		this.canvas.clear();
+
+		this.dispatchEvent( { type: 'new' } );
+
+	}
+
+	loadJSON( json ) {
+
+		this.canvas.clear();
+
+		this.canvas.deserialize( json );
+
+		this.dispatchEvent( { type: 'load' } );
+
+	}
+
+	_initMenu() {
+
+		const menu = new CircleMenu();
+
+		const menuButton = new ButtonInput().setIcon( 'ti ti-menu-2' );
+		const examplesButton = new ButtonInput().setIcon( 'ti ti-file-symlink' ).setToolTip( 'Examples' );
+		const newButton = new ButtonInput().setIcon( 'ti ti-file' ).setToolTip( 'New' );
+		const openButton = new ButtonInput().setIcon( 'ti ti-upload' ).setToolTip( 'Open' );
+		const saveButton = new ButtonInput().setIcon( 'ti ti-download' ).setToolTip( 'Save' );
+
+		const hideContext = () => {
+
+			this.examplesContext.hide();
+			this.nodesContext.hide();
+
+		};
+
+		menuButton.onClick( () => {
+
+			this.nodesContext.show( 60, 50 );
+
+		} );
+
+		examplesButton.onClick( () => {
+
+			this.examplesContext.show( 60, 175 );
+
+		} );
+
+		newButton.onClick( () => {
+
+			hideContext();
+
+			this.newProject();
+
+		} );
+
+		openButton.onClick( () => {
+
+			hideContext();
+
+			const input = document.createElement( 'input' );
+			input.type = 'file';
+
+			input.onchange = e => {
+
+				const file = e.target.files[ 0 ];
+
+				const reader = new FileReader();
+				reader.readAsText( file, 'UTF-8' );
+
+				reader.onload = readerEvent => {
+
+					const loader = new Loader( Loader.OBJECTS );
+					const json = loader.parse( JSON.parse( readerEvent.target.result ), ClassLib );
+
+					this.loadJSON( json );
+
+				};
+
+			};
+
+			input.click();
+
+		} );
+
+		saveButton.onClick( () => {
+
+			hideContext();
+
+			const json = JSON.stringify( this.canvas.toJSON() );
+
+			const a = document.createElement( 'a' );
+			const file = new Blob( [ json ], { type: 'text/plain' } );
+
+			a.href = URL.createObjectURL( file );
+			a.download = 'node_editor.json';
+			a.click();
+
+		} );
+
+		menu.add( menuButton )
+			.add( newButton )
+			.add( examplesButton )
+			.add( openButton )
+			.add( saveButton );
+
+		this.domElement.appendChild( menu.dom );
+
+		this.menu = menu;
+
+	}
+
+	_initExamplesContext() {
+
+		const context = new ContextMenu();
+
+		//**************//
+		// MAIN
+		//**************//
+
+		const onClickExample = async ( button ) => {
+
+			this.examplesContext.hide();
+
+			const filename = button.getExtra();
+
+			const loader = new Loader( Loader.OBJECTS );
+			const json = await loader.load( `./jsm/node-editor/examples/${filename}.json`, ClassLib );
+
+			this.loadJSON( json );
+
+		};
+
+		const addExample = ( context, name, filename = null ) => {
+
+			filename = filename || name.replaceAll( ' ', '-' ).toLowerCase();
+
+			context.add( new ButtonInput( name )
+				.setIcon( 'ti ti-file-symlink' )
+				.onClick( onClickExample )
+				.setExtra( filename )
+			);
+
+		};
+
+		//**************//
+		// EXAMPLES
+		//**************//
+
+		const basicContext = new ContextMenu();
+		const advancedContext = new ContextMenu();
+
+		addExample( basicContext, 'Animate UV' );
+		addExample( basicContext, 'Fake top light' );
+		addExample( basicContext, 'Oscillator color' );
+
+		addExample( advancedContext, 'Rim' );
+
+		//**************//
+		// MAIN
+		//**************//
+
+		context.add( new ButtonInput( 'Basic' ), basicContext );
+		context.add( new ButtonInput( 'Advanced' ), advancedContext );
+
+		this.domElement.appendChild( context.dom );
+
+		this.examplesContext = context;
+
+	}
+
+	_initNodesContext() {
+
+		const context = new ContextMenu( this.domElement );
+
+		let isContext = false;
+		const contextPosition = {};
+
+		const add = ( node ) => {
+
+			const canvas = this.canvas;
+			const canvasRect = canvas.rect;
+
+			if ( isContext ) {
+
+				node.setPosition(
+					contextPosition.x,
+					contextPosition.y
+				);
+
+			} else {
+
+				const defaultOffsetX = 350 / 2;
+				const defaultOffsetY = 20;
+
+				node.setPosition(
+					( canvas.relativeX + ( canvasRect.width / 2 ) ) - defaultOffsetX,
+					( canvas.relativeY + ( canvasRect.height / 2 ) ) - defaultOffsetY
+				);
+
+			}
+
+			context.hide();
+
+			this.add( node );
+
+			this.canvas.select( node );
+
+			isContext = false;
+
+		};
+
+		context.onContext( () => {
+
+			isContext = true;
+
+			const { relativeClientX, relativeClientY } = this.canvas;
+
+			contextPosition.x = relativeClientX;
+			contextPosition.y = relativeClientY;
+
+		} );
+
+		//**************//
+		// INPUTS
+		//**************//
+
+		const inputsContext = new ContextMenu();
+
+		const sliderInput = new ButtonInput( 'Slider' ).setIcon( 'ti ti-adjustments-horizontal' )
+			.onClick( () => add( new SliderEditor() ) );
+
+		const floatInput = new ButtonInput( 'Float' ).setIcon( 'ti ti-box-multiple-1' )
+			.onClick( () => add( new FloatEditor() ) );
+
+		const vector2Input = new ButtonInput( 'Vector 2' ).setIcon( 'ti ti-box-multiple-2' )
+			.onClick( () => add( new Vector2Editor() ) );
+
+		const vector3Input = new ButtonInput( 'Vector 3' ).setIcon( 'ti ti-box-multiple-3' )
+			.onClick( () => add( new Vector3Editor() ) );
+
+		const vector4Input = new ButtonInput( 'Vector 4' ).setIcon( 'ti ti-box-multiple-4' )
+			.onClick( () => add( new Vector4Editor() ) );
+
+		const colorInput = new ButtonInput( 'Color' ).setIcon( 'ti ti-palette' )
+			.onClick( () => add( new ColorEditor() ) );
+
+		//const mapInput = new ButtonInput( 'Map' ).setIcon( 'ti ti-photo' );
+		//const cubeMapInput = new ButtonInput( 'Cube Map' ).setIcon( 'ti ti-box' );
+		//const integerInput = new ButtonInput( 'Integer' ).setIcon( 'ti ti-list-numbers' );
+
+		inputsContext
+			.add( sliderInput )
+			.add( floatInput )
+			.add( vector2Input )
+			.add( vector3Input )
+			.add( vector4Input )
+			.add( colorInput );
+
+		//**************//
+		// MATH
+		//**************//
+
+		const mathContext = new ContextMenu();
+
+		const operatorsNode = new ButtonInput( 'Operator' ).setIcon( 'ti ti-math-symbols' )
+			.onClick( () => add( new OperatorEditor() ) );
+
+		const normalizeNode = new ButtonInput( 'Normalize' ).setIcon( 'ti ti-fold' )
+			.onClick( () => add( new NormalizeEditor() ) );
+
+		const invertNode = new ButtonInput( 'Invert' ).setToolTip( 'Negate' ).setIcon( 'ti ti-flip-vertical' )
+			.onClick( () => add( new InvertEditor() ) );
+
+		const limiterNode = new ButtonInput( 'Limiter' ).setToolTip( 'Min / Max' ).setIcon( 'ti ti-arrow-bar-to-up' )
+			.onClick( () => add( new LimiterEditor() ) );
+
+		const dotNode = new ButtonInput( 'Dot Product' ).setIcon( 'ti ti-arrows-up-left' )
+			.onClick( () => add( new DotEditor() ) );
+
+		const powNode = new ButtonInput( 'Power' ).setIcon( 'ti ti-arrow-up-right' )
+			.onClick( () => add( new PowerEditor() ) );
+
+		const triNode = new ButtonInput( 'Trigonometry' ).setToolTip( 'Sin / Cos / Tan' ).setIcon( 'ti ti-wave-sine' )
+			.onClick( () => add( new TrigonometryEditor() ) );
+
+		mathContext
+			.add( operatorsNode )
+			.add( invertNode )
+			.add( limiterNode )
+			.add( dotNode )
+			.add( powNode )
+			.add( triNode )
+			.add( normalizeNode );
+
+		//**************//
+		// ACCESSORS
+		//**************//
+
+		const accessorsContext = new ContextMenu();
+
+		const uvNode = new ButtonInput( 'UV' ).setIcon( 'ti ti-details' )
+			.onClick( () => add( new UVEditor() ) );
+
+		const positionNode = new ButtonInput( 'Position' ).setIcon( 'ti ti-hierarchy' )
+			.onClick( () => add( new PositionEditor() ) );
+
+		const normalNode = new ButtonInput( 'Normal' ).setIcon( 'ti ti-fold-up' )
+			.onClick( () => add( new NormalEditor() ) );
+
+		accessorsContext
+			.add( uvNode )
+			.add( positionNode )
+			.add( normalNode );
+
+		//**************//
+		// PROCEDURAL
+		//**************//
+
+		const proceduralContext = new ContextMenu();
+
+		const checkerNode = new ButtonInput( 'Checker' ).setIcon( 'ti ti-border-outer' )
+			.onClick( () => add( new CheckerEditor() ) );
+
+		proceduralContext
+			.add( checkerNode );
+
+		//**************//
+		// DISPLAY
+		//**************//
+
+		const displayContext = new ContextMenu();
+
+		const blendNode = new ButtonInput( 'Blend' ).setIcon( 'ti ti-layers-subtract' )
+			.onClick( () => add( new BlendEditor() ) );
+
+		displayContext
+			.add( blendNode );
+
+		//**************//
+		// UTILS
+		//**************//
+
+		const utilsContext = new ContextMenu();
+
+		const timerNode = new ButtonInput( 'Timer' ).setIcon( 'ti ti-clock' )
+			.onClick( () => add( new TimerEditor() ) );
+
+		const oscNode = new ButtonInput( 'Oscillator' ).setIcon( 'ti ti-wave-sine' )
+			.onClick( () => add( new OscillatorEditor() ) );
+
+		utilsContext
+			.add( timerNode )
+			.add( oscNode );
+
+		//**************//
+		// MAIN
+		//**************//
+
+		context.add( new ButtonInput( 'Inputs' ).setIcon( 'ti ti-forms' ), inputsContext );
+		context.add( new ButtonInput( 'Accessors' ).setIcon( 'ti ti-vector-triangle' ), accessorsContext );
+		context.add( new ButtonInput( 'Display' ).setIcon( 'ti ti-brightness' ), displayContext );
+		context.add( new ButtonInput( 'Math' ).setIcon( 'ti ti-calculator' ), mathContext );
+		context.add( new ButtonInput( 'Procedural' ).setIcon( 'ti ti-infinity' ), proceduralContext );
+		context.add( new ButtonInput( 'Utils' ).setIcon( 'ti ti-apps' ), utilsContext );
+
+		this.nodesContext = context;
+
+	}
+
+}

package/examples/jsm/node-editor/accessors/NormalEditor.js

@@ -0,0 +1,30 @@
+import { ObjectNode, SelectInput, LabelElement } from '../../libs/flow.module.js';
+import { NormalNode } from '../../renderers/nodes/Nodes.js';
+
+export class NormalEditor extends ObjectNode {
+
+	constructor() {
+
+		const node = new NormalNode();
+
+		super( 'Normal', 3, node, 250 );
+
+		this.title.setStyle( 'red' );
+
+		const optionsField = new SelectInput( [
+			{ name: 'Local', value: NormalNode.LOCAL },
+			{ name: 'World', value: NormalNode.WORLD },
+			{ name: 'View', value: NormalNode.VIEW }
+		] ).onChange( () => {
+
+			node.scope = optionsField.getValue();
+
+			this.invalidate();
+
+		} );
+
+		this.add( new LabelElement( 'Scope' ).add( optionsField ) );
+
+	}
+
+}

package/examples/jsm/node-editor/accessors/PositionEditor.js

@@ -0,0 +1,30 @@
+import { ObjectNode, SelectInput, LabelElement } from '../../libs/flow.module.js';
+import { PositionNode } from '../../renderers/nodes/Nodes.js';
+
+export class PositionEditor extends ObjectNode {
+
+	constructor() {
+
+		const node = new PositionNode();
+
+		super( 'Position', 3, node, 250 );
+
+		this.title.setStyle( 'red' );
+
+		const optionsField = new SelectInput( [
+			{ name: 'Local', value: PositionNode.LOCAL },
+			{ name: 'World', value: PositionNode.WORLD },
+			{ name: 'View', value: PositionNode.VIEW }
+		] ).onChange( () => {
+
+			node.scope = optionsField.getValue();
+
+			this.invalidate();
+
+		} );
+
+		this.add( new LabelElement( 'Scope' ).add( optionsField ) );
+
+	}
+
+}

package/examples/jsm/node-editor/accessors/UVEditor.js

@@ -0,0 +1,26 @@
+import { ObjectNode, SelectInput, LabelElement } from '../../libs/flow.module.js';
+import { UVNode } from '../../renderers/nodes/Nodes.js';
+
+export class UVEditor extends ObjectNode {
+
+	constructor() {
+
+		const node = new UVNode();
+
+		super( 'UV', 2, node, 250 );
+
+		this.title.setStyle( 'red' );
+
+		const optionsField = new SelectInput( [ '1', '2' ] ).onChange( () => {
+
+			node.value = Number( optionsField.getValue() );
+
+			this.invalidate();
+
+		} );
+
+		this.add( new LabelElement( 'Channel' ).add( optionsField ) );
+
+	}
+
+}

package/examples/jsm/node-editor/display/BlendEditor.js

@@ -0,0 +1,43 @@
+import { ObjectNode, LabelElement } from '../../libs/flow.module.js';
+import { MathNode, FloatNode } from '../../renderers/nodes/Nodes.js';
+
+const NULL_VALUE = new FloatNode();
+const ONE_VALUE = new FloatNode( 1 );
+
+export class BlendEditor extends ObjectNode {
+
+	constructor() {
+
+		const node = new MathNode( MathNode.MIX, NULL_VALUE, NULL_VALUE, ONE_VALUE );
+
+		super( 'Blend', 3, node );
+
+		const aElement = new LabelElement( 'Base' ).setInput( 3 );
+		const bElement = new LabelElement( 'Blend' ).setInput( 3 );
+		const cElement = new LabelElement( 'Opacity' ).setInput( 1 );
+
+		aElement.onConnect( () => {
+
+			node.aNode = aElement.linkedExtra || NULL_VALUE;
+
+		} );
+
+		bElement.onConnect( () => {
+
+			node.bNode = bElement.linkedExtra || NULL_VALUE;
+
+		} );
+
+		cElement.onConnect( () => {
+
+			node.cNode = cElement.linkedExtra || ONE_VALUE;
+
+		} );
+
+		this.add( aElement )
+			.add( bElement )
+			.add( cElement );
+
+	}
+
+}

package/examples/jsm/node-editor/examples/animate-uv.json

@@ -0,0 +1 @@
+{"objects":{"325":{"x":1718,"y":136,"width":"300px","elements":[326,328,329,330,331],"id":325,"type":"StandardMaterialEditor"},"326":{"style":"blue","title":"Standard Material","id":326,"type":"TitleElement"},"328":{"inputLength":3,"links":[394],"label":"Color","id":328,"type":"LabelElement"},"329":{"inputLength":1,"label":"Opacity","id":329,"type":"LabelElement"},"330":{"inputLength":1,"label":"Metalness","id":330,"type":"LabelElement"},"331":{"inputLength":1,"label":"Roughness","id":331,"type":"LabelElement"},"337":{"x":155,"y":230,"width":"250px","elements":[338,344,345,342],"id":337,"type":"TimerEditor"},"338":{"outputLength":1,"title":"Timer","icon":"ti ti-clock","id":338,"type":"TitleElement"},"340":{"value":16.881,"id":340,"type":"NumberInput"},"341":{"value":0.04,"id":341,"type":"NumberInput"},"342":{"inputs":[343],"id":342,"type":"Element"},"343":{"value":"Reset","id":343,"type":"ButtonInput"},"344":{"inputs":[340],"label":"Value","id":344,"type":"LabelElement"},"345":{"inputs":[341],"label":"Scale","id":345,"type":"LabelElement"},"353":{"x":202,"y":79,"width":"250px","elements":[354,357],"id":353,"type":"UVEditor"},"354":{"outputLength":2,"style":"red","title":"UV","id":354,"type":"TitleElement"},"356":{"options":["1","2"],"value":"0","id":356,"type":"SelectInput"},"357":{"inputs":[356],"label":"Channel","id":357,"type":"LabelElement"},"361":{"x":612,"y":102,"width":"250px","elements":[362,367,365,366],"id":361,"type":"OperatorEditor"},"362":{"outputLength":1,"title":"Operator","id":362,"type":"TitleElement"},"364":{"options":[{"name":"+ Addition","value":"+"},{"name":"- Subtraction","value":"-"},{"name":"* Multiplication","value":"*"},{"name":"/ Division","value":"/"}],"value":"+","id":364,"type":"SelectInput"},"365":{"inputLength":3,"links":[354],"label":"A","id":365,"type":"LabelElement"},"366":{"inputLength":3,"links":[338],"label":"B","id":366,"type":"LabelElement"},"367":{"inputs":[364],"label":"Operator","id":367,"type":"LabelElement"},"373":{"x":1047,"y":158,"width":"250px","elements":[374,379,377,378],"id":373,"type":"OperatorEditor"},"374":{"outputLength":1,"title":"Operator","id":374,"type":"TitleElement"},"376":{"options":[{"name":"+ Addition","value":"+"},{"name":"- Subtraction","value":"-"},{"name":"* Multiplication","value":"*"},{"name":"/ Division","value":"/"}],"value":"*","id":376,"type":"SelectInput"},"377":{"inputLength":3,"links":[362],"label":"A","id":377,"type":"LabelElement"},"378":{"inputLength":3,"links":[386],"label":"B","id":378,"type":"LabelElement"},"379":{"inputs":[376],"label":"Operator","id":379,"type":"LabelElement"},"385":{"x":601,"y":345,"width":"250px","elements":[386,389],"id":385,"type":"FloatEditor"},"386":{"outputLength":1,"title":"Float","icon":"ti ti-box-multiple-1","id":386,"type":"TitleElement"},"388":{"value":24.12,"id":388,"type":"NumberInput"},"389":{"inputs":[388],"label":"Value","id":389,"type":"LabelElement"},"393":{"x":1402,"y":14,"width":"200px","elements":[394,396],"id":393,"type":"CheckerEditor"},"394":{"outputLength":1,"title":"Checker","id":394,"type":"TitleElement"},"396":{"inputLength":2,"links":[374],"label":"UV","id":396,"type":"LabelElement"}},"nodes":[325,337,353,361,373,385,393],"id":0,"type":"Canvas"}

package/examples/jsm/node-editor/examples/fake-top-light.json

@@ -0,0 +1 @@
+{"objects":{"575":{"x":885,"y":119,"width":"300px","elements":[576,578,579,580,581],"id":575,"type":"StandardMaterialEditor"},"576":{"style":"blue","title":"Standard Material","id":576,"type":"TitleElement"},"578":{"inputLength":3,"links":[595],"label":"Color","id":578,"type":"LabelElement"},"579":{"inputLength":1,"label":"Opacity","id":579,"type":"LabelElement"},"580":{"inputLength":1,"label":"Metalness","id":580,"type":"LabelElement"},"581":{"inputLength":1,"label":"Roughness","id":581,"type":"LabelElement"},"587":{"x":73,"y":296,"width":"","elements":[588,593],"id":587,"type":"Vector3Editor"},"588":{"outputLength":3,"title":"Vector 3","icon":"ti ti-box-multiple-3","id":588,"type":"TitleElement"},"590":{"value":0,"id":590,"type":"NumberInput"},"591":{"value":1,"id":591,"type":"NumberInput"},"592":{"value":0,"id":592,"type":"NumberInput"},"593":{"inputs":[590,591,592],"label":"Values","id":593,"type":"LabelElement"},"594":{"x":541,"y":199,"width":"200px","elements":[595,597,598],"id":594,"type":"DotEditor"},"595":{"outputLength":1,"title":"Dot Product","id":595,"type":"TitleElement"},"597":{"inputLength":3,"links":[600],"label":"A","id":597,"type":"LabelElement"},"598":{"inputLength":3,"links":[588],"label":"B","id":598,"type":"LabelElement"},"599":{"x":106,"y":158,"width":"250px","elements":[600,603],"id":599,"type":"NormalEditor"},"600":{"outputLength":3,"style":"red","title":"Normal","id":600,"type":"TitleElement"},"602":{"options":[{"name":"Local","value":"local"},{"name":"World","value":"world"},{"name":"View","value":"view"}],"value":"world","id":602,"type":"SelectInput"},"603":{"inputs":[602],"label":"Scope","id":603,"type":"LabelElement"}},"nodes":[575,587,594,599],"id":0,"type":"Canvas"}