853 lines
		
	
	
		
			17 KiB
		
	
	
	
		
			JavaScript
		
	
	
	
	
	
			
		
		
	
	
			853 lines
		
	
	
		
			17 KiB
		
	
	
	
		
			JavaScript
		
	
	
	
	
	
import {
 | 
						|
	FileLoader,
 | 
						|
	Loader,
 | 
						|
	TextureLoader,
 | 
						|
	RepeatWrapping
 | 
						|
} from 'three';
 | 
						|
 | 
						|
import {
 | 
						|
	MeshBasicNodeMaterial, MeshPhysicalNodeMaterial,
 | 
						|
	float, bool, int, vec2, vec3, vec4, color, texture,
 | 
						|
	positionLocal, positionWorld, uv, vertexColor,
 | 
						|
	normalLocal, normalWorld, tangentLocal, tangentWorld,
 | 
						|
	add, sub, mul, div, mod, abs, sign, floor, ceil, round, pow, sin, cos, tan,
 | 
						|
	asin, acos, atan2, sqrt, exp, clamp, min, max, normalize, length, dot, cross, normalMap,
 | 
						|
	remap, smoothstep, luminance, mx_rgbtohsv, mx_hsvtorgb,
 | 
						|
	mix,
 | 
						|
	mx_ramplr, mx_ramptb, mx_splitlr, mx_splittb,
 | 
						|
	mx_fractal_noise_float, mx_noise_float, mx_cell_noise_float, mx_worley_noise_float,
 | 
						|
	mx_transform_uv,
 | 
						|
	mx_safepower, mx_contrast,
 | 
						|
	mx_srgb_texture_to_lin_rec709,
 | 
						|
	saturation
 | 
						|
} from '../nodes/Nodes.js';
 | 
						|
 | 
						|
const colorSpaceLib = {
 | 
						|
	mx_srgb_texture_to_lin_rec709
 | 
						|
};
 | 
						|
 | 
						|
class MXElement {
 | 
						|
 | 
						|
	constructor( name, nodeFunc, params = null ) {
 | 
						|
 | 
						|
		this.name = name;
 | 
						|
		this.nodeFunc = nodeFunc;
 | 
						|
		this.params = params;
 | 
						|
 | 
						|
	}
 | 
						|
 | 
						|
}
 | 
						|
 | 
						|
// Ref: https://github.com/mrdoob/three.js/issues/24674
 | 
						|
 | 
						|
const mx_add = ( in1, in2 = float( 0 ) ) => add( in1, in2 );
 | 
						|
const mx_subtract = ( in1, in2 = float( 0 ) ) => sub( in1, in2 );
 | 
						|
const mx_multiply = ( in1, in2 = float( 1 ) ) => mul( in1, in2 );
 | 
						|
const mx_divide = ( in1, in2 = float( 1 ) ) => div( in1, in2 );
 | 
						|
const mx_modulo = ( in1, in2 = float( 1 ) ) => mod( in1, in2 );
 | 
						|
const mx_power = ( in1, in2 = float( 1 ) ) => pow( in1, in2 );
 | 
						|
const mx_atan2 = ( in1 = float( 0 ), in2 = float( 1 ) ) => atan2( in1, in2 );
 | 
						|
 | 
						|
const MXElements = [
 | 
						|
 | 
						|
	// << Math >>
 | 
						|
	new MXElement( 'add', mx_add, [ 'in1', 'in2' ] ),
 | 
						|
	new MXElement( 'subtract', mx_subtract, [ 'in1', 'in2' ] ),
 | 
						|
	new MXElement( 'multiply', mx_multiply, [ 'in1', 'in2' ] ),
 | 
						|
	new MXElement( 'divide', mx_divide, [ 'in1', 'in2' ] ),
 | 
						|
	new MXElement( 'modulo', mx_modulo, [ 'in1', 'in2' ] ),
 | 
						|
	new MXElement( 'absval', abs, [ 'in1', 'in2' ] ),
 | 
						|
	new MXElement( 'sign', sign, [ 'in1', 'in2' ] ),
 | 
						|
	new MXElement( 'floor', floor, [ 'in1', 'in2' ] ),
 | 
						|
	new MXElement( 'ceil', ceil, [ 'in1', 'in2' ] ),
 | 
						|
	new MXElement( 'round', round, [ 'in1', 'in2' ] ),
 | 
						|
	new MXElement( 'power', mx_power, [ 'in1', 'in2' ] ),
 | 
						|
	new MXElement( 'sin', sin, [ 'in' ] ),
 | 
						|
	new MXElement( 'cos', cos, [ 'in' ] ),
 | 
						|
	new MXElement( 'tan', tan, [ 'in' ] ),
 | 
						|
	new MXElement( 'asin', asin, [ 'in' ] ),
 | 
						|
	new MXElement( 'acos', acos, [ 'in' ] ),
 | 
						|
	new MXElement( 'atan2', mx_atan2, [ 'in1', 'in2' ] ),
 | 
						|
	new MXElement( 'sqrt', sqrt, [ 'in' ] ),
 | 
						|
	//new MtlXElement( 'ln', ... ),
 | 
						|
	new MXElement( 'exp', exp, [ 'in' ] ),
 | 
						|
	new MXElement( 'clamp', clamp, [ 'in', 'low', 'high' ] ),
 | 
						|
	new MXElement( 'min', min, [ 'in1', 'in2' ] ),
 | 
						|
	new MXElement( 'max', max, [ 'in1', 'in2' ] ),
 | 
						|
	new MXElement( 'normalize', normalize, [ 'in' ] ),
 | 
						|
	new MXElement( 'magnitude', length, [ 'in1', 'in2' ] ),
 | 
						|
	new MXElement( 'dotproduct', dot, [ 'in1', 'in2' ] ),
 | 
						|
	new MXElement( 'crossproduct', cross, [ 'in' ] ),
 | 
						|
	//new MtlXElement( 'transformpoint', ... ),
 | 
						|
	//new MtlXElement( 'transformvector', ... ),
 | 
						|
	//new MtlXElement( 'transformnormal', ... ),
 | 
						|
	//new MtlXElement( 'transformmatrix', ... ),
 | 
						|
	new MXElement( 'normalmap', normalMap, [ 'in', 'scale' ] ),
 | 
						|
	//new MtlXElement( 'transpose', ... ),
 | 
						|
	//new MtlXElement( 'determinant', ... ),
 | 
						|
	//new MtlXElement( 'invertmatrix', ... ),
 | 
						|
	//new MtlXElement( 'rotate2d', rotateUV, [ 'in', radians( 'amount' )** ] ),
 | 
						|
	//new MtlXElement( 'rotate3d', ... ),
 | 
						|
	//new MtlXElement( 'arrayappend', ... ),
 | 
						|
	//new MtlXElement( 'dot', ... ),
 | 
						|
 | 
						|
	// << Adjustment >>
 | 
						|
	new MXElement( 'remap', remap, [ 'in', 'inlow', 'inhigh', 'outlow', 'outhigh' ] ),
 | 
						|
	new MXElement( 'smoothstep', smoothstep, [ 'in', 'low', 'high' ] ),
 | 
						|
	//new MtlXElement( 'curveadjust', ... ),
 | 
						|
	//new MtlXElement( 'curvelookup', ... ),
 | 
						|
	new MXElement( 'luminance', luminance, [ 'in', 'lumacoeffs' ] ),
 | 
						|
	new MXElement( 'rgbtohsv', mx_rgbtohsv, [ 'in' ] ),
 | 
						|
	new MXElement( 'hsvtorgb', mx_hsvtorgb, [ 'in' ] ),
 | 
						|
 | 
						|
	// << Mix >>
 | 
						|
	new MXElement( 'mix', mix, [ 'bg', 'fg', 'mix' ] ),
 | 
						|
 | 
						|
	// << Channel >>
 | 
						|
	new MXElement( 'combine2', vec2, [ 'in1', 'in2' ] ),
 | 
						|
	new MXElement( 'combine3', vec3, [ 'in1', 'in2', 'in3' ] ),
 | 
						|
	new MXElement( 'combine4', vec4, [ 'in1', 'in2', 'in3', 'in4' ] ),
 | 
						|
 | 
						|
	// << Procedural >>
 | 
						|
	new MXElement( 'ramplr', mx_ramplr, [ 'valuel', 'valuer', 'texcoord' ] ),
 | 
						|
	new MXElement( 'ramptb', mx_ramptb, [ 'valuet', 'valueb', 'texcoord' ] ),
 | 
						|
	new MXElement( 'splitlr', mx_splitlr, [ 'valuel', 'valuer', 'texcoord' ] ),
 | 
						|
	new MXElement( 'splittb', mx_splittb, [ 'valuet', 'valueb', 'texcoord' ] ),
 | 
						|
	new MXElement( 'noise2d', mx_noise_float, [ 'texcoord', 'amplitude', 'pivot' ] ),
 | 
						|
	new MXElement( 'noise3d', mx_noise_float, [ 'texcoord', 'amplitude', 'pivot' ] ),
 | 
						|
	new MXElement( 'fractal3d', mx_fractal_noise_float, [ 'position', 'octaves', 'lacunarity', 'diminish', 'amplitude' ] ),
 | 
						|
	new MXElement( 'cellnoise2d', mx_cell_noise_float, [ 'texcoord' ] ),
 | 
						|
	new MXElement( 'cellnoise3d', mx_cell_noise_float, [ 'texcoord' ] ),
 | 
						|
	new MXElement( 'worleynoise2d', mx_worley_noise_float, [ 'texcoord', 'jitter' ] ),
 | 
						|
	new MXElement( 'worleynoise3d', mx_worley_noise_float, [ 'texcoord', 'jitter' ] ),
 | 
						|
 | 
						|
	// << Supplemental >>
 | 
						|
	//new MtlXElement( 'tiledimage', ... ),
 | 
						|
	//new MtlXElement( 'triplanarprojection', triplanarTextures, [ 'filex', 'filey', 'filez' ] ),
 | 
						|
	//new MtlXElement( 'ramp4', ... ),
 | 
						|
	//new MtlXElement( 'place2d', mx_place2d, [ 'texcoord', 'pivot', 'scale', 'rotate', 'offset' ] ),
 | 
						|
	new MXElement( 'safepower', mx_safepower, [ 'in1', 'in2' ] ),
 | 
						|
	new MXElement( 'contrast', mx_contrast, [ 'in', 'amount', 'pivot' ] ),
 | 
						|
	//new MtlXElement( 'hsvadjust', ... ),
 | 
						|
	new MXElement( 'saturate', saturation, [ 'in', 'amount' ] ),
 | 
						|
	//new MtlXElement( 'extract', ... ),
 | 
						|
	//new MtlXElement( 'separate2', ... ),
 | 
						|
	//new MtlXElement( 'separate3', ... ),
 | 
						|
	//new MtlXElement( 'separate4', ... )
 | 
						|
 | 
						|
];
 | 
						|
 | 
						|
const MtlXLibrary = {};
 | 
						|
MXElements.forEach( element => MtlXLibrary[ element.name ] = element );
 | 
						|
 | 
						|
class MaterialXLoader extends Loader {
 | 
						|
 | 
						|
	constructor( manager ) {
 | 
						|
 | 
						|
		super( manager );
 | 
						|
 | 
						|
	}
 | 
						|
 | 
						|
	load( url, onLoad, onProgress, onError ) {
 | 
						|
 | 
						|
		const _onError = function ( e ) {
 | 
						|
 | 
						|
			if ( onError ) {
 | 
						|
 | 
						|
				onError( e );
 | 
						|
 | 
						|
			} else {
 | 
						|
 | 
						|
				console.error( e );
 | 
						|
 | 
						|
			}
 | 
						|
 | 
						|
		};
 | 
						|
 | 
						|
		new FileLoader( this.manager )
 | 
						|
			.setPath( this.path )
 | 
						|
			.load( url, async ( text ) => {
 | 
						|
 | 
						|
				try {
 | 
						|
 | 
						|
					onLoad( this.parse( text ) );
 | 
						|
 | 
						|
				} catch ( e ) {
 | 
						|
 | 
						|
					_onError( e );
 | 
						|
 | 
						|
				}
 | 
						|
 | 
						|
			}, onProgress, _onError );
 | 
						|
 | 
						|
		return this;
 | 
						|
 | 
						|
	}
 | 
						|
 | 
						|
	parse( text ) {
 | 
						|
 | 
						|
		return new MaterialX( this.manager, this.path ).parse( text );
 | 
						|
 | 
						|
	}
 | 
						|
 | 
						|
}
 | 
						|
 | 
						|
class MaterialXNode {
 | 
						|
 | 
						|
	constructor( materialX, nodeXML, nodePath = '' ) {
 | 
						|
 | 
						|
		this.materialX = materialX;
 | 
						|
		this.nodeXML = nodeXML;
 | 
						|
		this.nodePath = nodePath ? nodePath + '/' + this.name : this.name;
 | 
						|
 | 
						|
		this.parent = null;
 | 
						|
 | 
						|
		this.node = null;
 | 
						|
 | 
						|
		this.children = [];
 | 
						|
 | 
						|
	}
 | 
						|
 | 
						|
	get element() {
 | 
						|
 | 
						|
		return this.nodeXML.nodeName;
 | 
						|
 | 
						|
	}
 | 
						|
 | 
						|
	get nodeGraph() {
 | 
						|
 | 
						|
		return this.getAttribute( 'nodegraph' );
 | 
						|
 | 
						|
	}
 | 
						|
 | 
						|
	get nodeName() {
 | 
						|
 | 
						|
		return this.getAttribute( 'nodename' );
 | 
						|
 | 
						|
	}
 | 
						|
 | 
						|
	get interfaceName() {
 | 
						|
 | 
						|
		return this.getAttribute( 'interfacename' );
 | 
						|
 | 
						|
	}
 | 
						|
 | 
						|
	get output() {
 | 
						|
 | 
						|
		return this.getAttribute( 'output' );
 | 
						|
 | 
						|
	}
 | 
						|
 | 
						|
	get name() {
 | 
						|
 | 
						|
		return this.getAttribute( 'name' );
 | 
						|
 | 
						|
	}
 | 
						|
 | 
						|
	get type() {
 | 
						|
 | 
						|
		return this.getAttribute( 'type' );
 | 
						|
 | 
						|
	}
 | 
						|
 | 
						|
	get value() {
 | 
						|
 | 
						|
		return this.getAttribute( 'value' );
 | 
						|
 | 
						|
	}
 | 
						|
 | 
						|
	getNodeGraph() {
 | 
						|
 | 
						|
		let nodeX = this;
 | 
						|
 | 
						|
		while ( nodeX !== null ) {
 | 
						|
 | 
						|
			if ( nodeX.element === 'nodegraph' ) {
 | 
						|
 | 
						|
				break;
 | 
						|
 | 
						|
			}
 | 
						|
 | 
						|
			nodeX = nodeX.parent;
 | 
						|
 | 
						|
		}
 | 
						|
 | 
						|
		return nodeX;
 | 
						|
 | 
						|
	}
 | 
						|
 | 
						|
	getRoot() {
 | 
						|
 | 
						|
		let nodeX = this;
 | 
						|
 | 
						|
		while ( nodeX.parent !== null ) {
 | 
						|
 | 
						|
			nodeX = nodeX.parent;
 | 
						|
 | 
						|
		}
 | 
						|
 | 
						|
		return nodeX;
 | 
						|
 | 
						|
	}
 | 
						|
 | 
						|
	get referencePath() {
 | 
						|
 | 
						|
		let referencePath = null;
 | 
						|
 | 
						|
		if ( this.nodeGraph !== null && this.output !== null ) {
 | 
						|
 | 
						|
			referencePath = this.nodeGraph + '/' + this.output;
 | 
						|
 | 
						|
		} else if ( this.nodeName !== null || this.interfaceName !== null ) {
 | 
						|
 | 
						|
			referencePath = this.getNodeGraph().nodePath + '/' + ( this.nodeName || this.interfaceName );
 | 
						|
 | 
						|
		}
 | 
						|
 | 
						|
		return referencePath;
 | 
						|
 | 
						|
	}
 | 
						|
 | 
						|
	get hasReference() {
 | 
						|
 | 
						|
		return this.referencePath !== null;
 | 
						|
 | 
						|
	}
 | 
						|
 | 
						|
	get isConst() {
 | 
						|
 | 
						|
		return this.element === 'input' && this.value !== null && this.type !== 'filename';
 | 
						|
 | 
						|
	}
 | 
						|
 | 
						|
	getColorSpaceNode() {
 | 
						|
 | 
						|
		const csSource = this.getAttribute( 'colorspace' );
 | 
						|
		const csTarget = this.getRoot().getAttribute( 'colorspace' );
 | 
						|
 | 
						|
		const nodeName = `mx_${ csSource }_to_${ csTarget }`;
 | 
						|
 | 
						|
		return colorSpaceLib[ nodeName ];
 | 
						|
 | 
						|
	}
 | 
						|
 | 
						|
	getTexture() {
 | 
						|
 | 
						|
		const filePrefix = this.getRecursiveAttribute( 'fileprefix' ) || '';
 | 
						|
 | 
						|
		let loader = this.materialX.textureLoader;
 | 
						|
		const uri = filePrefix + this.value;
 | 
						|
 | 
						|
		if ( uri ) {
 | 
						|
 | 
						|
			const handler = this.materialX.manager.getHandler( uri );
 | 
						|
			if ( handler !== null ) loader = handler;
 | 
						|
 | 
						|
		}
 | 
						|
 | 
						|
		const texture = loader.load( uri );
 | 
						|
		texture.wrapS = texture.wrapT = RepeatWrapping;
 | 
						|
		texture.flipY = false;
 | 
						|
 | 
						|
		return texture;
 | 
						|
 | 
						|
	}
 | 
						|
 | 
						|
	getClassFromType( type ) {
 | 
						|
 | 
						|
		let nodeClass = null;
 | 
						|
 | 
						|
		if ( type === 'integer' ) nodeClass = int;
 | 
						|
		else if ( type === 'float' ) nodeClass = float;
 | 
						|
		else if ( type === 'vector2' ) nodeClass = vec2;
 | 
						|
		else if ( type === 'vector3' ) nodeClass = vec3;
 | 
						|
		else if ( type === 'vector4' || type === 'color4' ) nodeClass = vec4;
 | 
						|
		else if ( type === 'color3' ) nodeClass = color;
 | 
						|
		else if ( type === 'boolean' ) nodeClass = bool;
 | 
						|
 | 
						|
		return nodeClass;
 | 
						|
 | 
						|
	}
 | 
						|
 | 
						|
	getNode() {
 | 
						|
 | 
						|
		let node = this.node;
 | 
						|
 | 
						|
		if ( node !== null ) {
 | 
						|
 | 
						|
			return node;
 | 
						|
 | 
						|
		}
 | 
						|
 | 
						|
		//
 | 
						|
 | 
						|
		const type = this.type;
 | 
						|
 | 
						|
		if ( this.isConst ) {
 | 
						|
 | 
						|
			const nodeClass = this.getClassFromType( type );
 | 
						|
 | 
						|
			node = nodeClass( ...this.getVector() );
 | 
						|
 | 
						|
		} else if ( this.hasReference ) {
 | 
						|
 | 
						|
			node = this.materialX.getMaterialXNode( this.referencePath ).getNode();
 | 
						|
 | 
						|
		} else {
 | 
						|
 | 
						|
			const element = this.element;
 | 
						|
 | 
						|
			if ( element === 'convert' ) {
 | 
						|
 | 
						|
				const nodeClass = this.getClassFromType( type );
 | 
						|
 | 
						|
				node = nodeClass( this.getNodeByName( 'in' ) );
 | 
						|
 | 
						|
			} else if ( element === 'constant' ) {
 | 
						|
 | 
						|
				node = this.getNodeByName( 'value' );
 | 
						|
 | 
						|
			} else if ( element === 'position' ) {
 | 
						|
 | 
						|
				const space = this.getAttribute( 'space' );
 | 
						|
				node = space === 'world' ? positionWorld : positionLocal;
 | 
						|
 | 
						|
			} else if ( element === 'normal' ) {
 | 
						|
 | 
						|
				const space = this.getAttribute( 'space' );
 | 
						|
				node = space === 'world' ? normalWorld : normalLocal;
 | 
						|
 | 
						|
			} else if ( element === 'tangent' ) {
 | 
						|
 | 
						|
				const space = this.getAttribute( 'space' );
 | 
						|
				node = space === 'world' ? tangentWorld : tangentLocal;
 | 
						|
 | 
						|
			} else if ( element === 'texcoord' ) {
 | 
						|
 | 
						|
				const indexNode = this.getChildByName( 'index' );
 | 
						|
				const index = indexNode ? parseInt( indexNode.value ) : 0;
 | 
						|
 | 
						|
				node = uv( index );
 | 
						|
 | 
						|
			} else if ( element === 'geomcolor' ) {
 | 
						|
 | 
						|
				const indexNode = this.getChildByName( 'index' );
 | 
						|
				const index = indexNode ? parseInt( indexNode.value ) : 0;
 | 
						|
 | 
						|
				node = vertexColor( index );
 | 
						|
 | 
						|
			} else if ( element === 'tiledimage' ) {
 | 
						|
 | 
						|
				const file = this.getChildByName( 'file' );
 | 
						|
 | 
						|
				const textureFile = file.getTexture();
 | 
						|
				const uvTiling = mx_transform_uv( ...this.getNodesByNames( [ 'uvtiling', 'uvoffset' ] ) );
 | 
						|
 | 
						|
				node = texture( textureFile, uvTiling );
 | 
						|
 | 
						|
				const colorSpaceNode = file.getColorSpaceNode();
 | 
						|
 | 
						|
				if ( colorSpaceNode ) {
 | 
						|
 | 
						|
					node = colorSpaceNode( node );
 | 
						|
 | 
						|
				}
 | 
						|
 | 
						|
			} else if ( element === 'image' ) {
 | 
						|
 | 
						|
				const file = this.getChildByName( 'file' );
 | 
						|
				const uvNode = this.getNodeByName( 'texcoord' );
 | 
						|
 | 
						|
				const textureFile = file.getTexture();
 | 
						|
 | 
						|
				node = texture( textureFile, uvNode );
 | 
						|
 | 
						|
				const colorSpaceNode = file.getColorSpaceNode();
 | 
						|
 | 
						|
				if ( colorSpaceNode ) {
 | 
						|
 | 
						|
					node = colorSpaceNode( node );
 | 
						|
 | 
						|
				}
 | 
						|
 | 
						|
			} else if ( MtlXLibrary[ element ] !== undefined ) {
 | 
						|
 | 
						|
				const nodeElement = MtlXLibrary[ element ];
 | 
						|
 | 
						|
				node = nodeElement.nodeFunc( ...this.getNodesByNames( ...nodeElement.params ) );
 | 
						|
 | 
						|
			}
 | 
						|
 | 
						|
		}
 | 
						|
 | 
						|
		//
 | 
						|
 | 
						|
		if ( node === null ) {
 | 
						|
 | 
						|
			console.warn( `THREE.MaterialXLoader: Unexpected node ${ new XMLSerializer().serializeToString( this.nodeXML ) }.` );
 | 
						|
 | 
						|
			node = float( 0 );
 | 
						|
 | 
						|
		}
 | 
						|
 | 
						|
		//
 | 
						|
 | 
						|
		const nodeToTypeClass = this.getClassFromType( type );
 | 
						|
 | 
						|
		if ( nodeToTypeClass !== null ) {
 | 
						|
 | 
						|
			node = nodeToTypeClass( node );
 | 
						|
 | 
						|
		}
 | 
						|
 | 
						|
		node.name = this.name;
 | 
						|
 | 
						|
		this.node = node;
 | 
						|
 | 
						|
		return node;
 | 
						|
 | 
						|
	}
 | 
						|
 | 
						|
	getChildByName( name ) {
 | 
						|
 | 
						|
		for ( const input of this.children ) {
 | 
						|
 | 
						|
			if ( input.name === name ) {
 | 
						|
 | 
						|
				return input;
 | 
						|
 | 
						|
			}
 | 
						|
 | 
						|
		}
 | 
						|
 | 
						|
	}
 | 
						|
 | 
						|
	getNodes() {
 | 
						|
 | 
						|
		const nodes = {};
 | 
						|
 | 
						|
		for ( const input of this.children ) {
 | 
						|
 | 
						|
			const node = input.getNode();
 | 
						|
 | 
						|
			nodes[ node.name ] = node;
 | 
						|
 | 
						|
		}
 | 
						|
 | 
						|
		return nodes;
 | 
						|
 | 
						|
	}
 | 
						|
 | 
						|
	getNodeByName( name ) {
 | 
						|
 | 
						|
		const child = this.getChildByName( name );
 | 
						|
 | 
						|
		return child ? child.getNode() : undefined;
 | 
						|
 | 
						|
	}
 | 
						|
 | 
						|
	getNodesByNames( ...names ) {
 | 
						|
 | 
						|
		const nodes = [];
 | 
						|
 | 
						|
		for ( const name of names ) {
 | 
						|
 | 
						|
			const node = this.getNodeByName( name );
 | 
						|
 | 
						|
			if ( node ) nodes.push( node );
 | 
						|
 | 
						|
		}
 | 
						|
 | 
						|
		return nodes;
 | 
						|
 | 
						|
	}
 | 
						|
 | 
						|
	getValue() {
 | 
						|
 | 
						|
		return this.value.trim();
 | 
						|
 | 
						|
	}
 | 
						|
 | 
						|
	getVector() {
 | 
						|
 | 
						|
		const vector = [];
 | 
						|
 | 
						|
		for ( const val of this.getValue().split( /[,|\s]/ ) ) {
 | 
						|
 | 
						|
			if ( val !== '' ) {
 | 
						|
 | 
						|
				vector.push( Number( val.trim() ) );
 | 
						|
 | 
						|
			}
 | 
						|
 | 
						|
		}
 | 
						|
 | 
						|
		return vector;
 | 
						|
 | 
						|
	}
 | 
						|
 | 
						|
	getAttribute( name ) {
 | 
						|
 | 
						|
		return this.nodeXML.getAttribute( name );
 | 
						|
 | 
						|
	}
 | 
						|
 | 
						|
	getRecursiveAttribute( name ) {
 | 
						|
 | 
						|
		let attribute = this.nodeXML.getAttribute( name );
 | 
						|
 | 
						|
		if ( attribute === null && this.parent !== null ) {
 | 
						|
 | 
						|
			attribute = this.parent.getRecursiveAttribute( name );
 | 
						|
 | 
						|
		}
 | 
						|
 | 
						|
		return attribute;
 | 
						|
 | 
						|
	}
 | 
						|
 | 
						|
	setStandardSurfaceToGltfPBR( material ) {
 | 
						|
 | 
						|
		const inputs = this.getNodes();
 | 
						|
 | 
						|
		//
 | 
						|
 | 
						|
		let colorNode = null;
 | 
						|
 | 
						|
		if ( inputs.base && inputs.base_color ) colorNode = mul( inputs.base, inputs.base_color );
 | 
						|
		else if ( inputs.base ) colorNode = inputs.base;
 | 
						|
		else if ( inputs.base_color ) colorNode = inputs.base_color;
 | 
						|
 | 
						|
		//
 | 
						|
 | 
						|
		let roughnessNode = null;
 | 
						|
 | 
						|
		if ( inputs.specular_roughness ) roughnessNode = inputs.specular_roughness;
 | 
						|
 | 
						|
		//
 | 
						|
 | 
						|
		let metalnessNode = null;
 | 
						|
 | 
						|
		if ( inputs.metalness ) metalnessNode = inputs.metalness;
 | 
						|
 | 
						|
		//
 | 
						|
 | 
						|
		let clearcoatNode = null;
 | 
						|
		let clearcoatRoughnessNode = null;
 | 
						|
 | 
						|
		if ( inputs.coat ) clearcoatNode = inputs.coat;
 | 
						|
		if ( inputs.coat_roughness ) clearcoatRoughnessNode = inputs.coat_roughness;
 | 
						|
 | 
						|
		if ( inputs.coat_color ) {
 | 
						|
 | 
						|
			colorNode = colorNode ? mul( colorNode, inputs.coat_color ) : colorNode;
 | 
						|
 | 
						|
		}
 | 
						|
 | 
						|
		//
 | 
						|
 | 
						|
		let normalNode = null;
 | 
						|
 | 
						|
		if ( inputs.normal ) normalNode = inputs.normal;
 | 
						|
 | 
						|
		//
 | 
						|
 | 
						|
		let emissiveNode = null;
 | 
						|
 | 
						|
		if ( inputs.emission ) emissiveNode = inputs.emission;
 | 
						|
		if ( inputs.emissionColor ) {
 | 
						|
 | 
						|
			emissiveNode = emissiveNode ? mul( emissiveNode, inputs.emissionColor ) : emissiveNode;
 | 
						|
 | 
						|
		}
 | 
						|
 | 
						|
		//
 | 
						|
 | 
						|
		material.colorNode = colorNode || color( 0.8, 0.8, 0.8 );
 | 
						|
		material.roughnessNode = roughnessNode || float( 0.2 );
 | 
						|
		material.metalnessNode = metalnessNode || float( 0 );
 | 
						|
		material.clearcoatNode = clearcoatNode || float( 0 );
 | 
						|
		material.clearcoatRoughnessNode = clearcoatRoughnessNode || float( 0 );
 | 
						|
		if ( normalNode ) material.normalNode = normalNode;
 | 
						|
		if ( emissiveNode ) material.emissiveNode = emissiveNode;
 | 
						|
 | 
						|
	}
 | 
						|
 | 
						|
	/*setGltfPBR( material ) {
 | 
						|
 | 
						|
		const inputs = this.getNodes();
 | 
						|
 | 
						|
		console.log( inputs );
 | 
						|
 | 
						|
	}*/
 | 
						|
 | 
						|
	setMaterial( material ) {
 | 
						|
 | 
						|
		const element = this.element;
 | 
						|
 | 
						|
		if ( element === 'gltf_pbr' ) {
 | 
						|
 | 
						|
			//this.setGltfPBR( material );
 | 
						|
 | 
						|
		} else if ( element === 'standard_surface' ) {
 | 
						|
 | 
						|
			this.setStandardSurfaceToGltfPBR( material );
 | 
						|
 | 
						|
		}
 | 
						|
 | 
						|
	}
 | 
						|
 | 
						|
	toBasicMaterial() {
 | 
						|
 | 
						|
		const material = new MeshBasicNodeMaterial();
 | 
						|
		material.name = this.name;
 | 
						|
 | 
						|
		for ( const nodeX of this.children.toReversed() ) {
 | 
						|
 | 
						|
			if ( nodeX.name === 'out' ) {
 | 
						|
 | 
						|
				material.colorNode = nodeX.getNode();
 | 
						|
 | 
						|
				break;
 | 
						|
 | 
						|
			}
 | 
						|
 | 
						|
		}
 | 
						|
 | 
						|
		return material;
 | 
						|
 | 
						|
	}
 | 
						|
 | 
						|
	toPhysicalMaterial() {
 | 
						|
 | 
						|
		const material = new MeshPhysicalNodeMaterial();
 | 
						|
		material.name = this.name;
 | 
						|
 | 
						|
		for ( const nodeX of this.children ) {
 | 
						|
 | 
						|
			const shaderProperties = this.materialX.getMaterialXNode( nodeX.nodeName );
 | 
						|
			shaderProperties.setMaterial( material );
 | 
						|
 | 
						|
		}
 | 
						|
 | 
						|
		return material;
 | 
						|
 | 
						|
	}
 | 
						|
 | 
						|
	toMaterials() {
 | 
						|
 | 
						|
		const materials = {};
 | 
						|
 | 
						|
		let isUnlit = true;
 | 
						|
 | 
						|
		for ( const nodeX of this.children ) {
 | 
						|
 | 
						|
			if ( nodeX.element === 'surfacematerial' ) {
 | 
						|
 | 
						|
				const material = nodeX.toPhysicalMaterial();
 | 
						|
 | 
						|
				materials[ material.name ] = material;
 | 
						|
 | 
						|
				isUnlit = false;
 | 
						|
 | 
						|
			}
 | 
						|
 | 
						|
		}
 | 
						|
 | 
						|
		if ( isUnlit ) {
 | 
						|
 | 
						|
			for ( const nodeX of this.children ) {
 | 
						|
 | 
						|
				if ( nodeX.element === 'nodegraph' ) {
 | 
						|
 | 
						|
					const material = nodeX.toBasicMaterial();
 | 
						|
 | 
						|
					materials[ material.name ] = material;
 | 
						|
 | 
						|
				}
 | 
						|
 | 
						|
			}
 | 
						|
 | 
						|
		}
 | 
						|
 | 
						|
		return materials;
 | 
						|
 | 
						|
	}
 | 
						|
 | 
						|
	add( materialXNode ) {
 | 
						|
 | 
						|
		materialXNode.parent = this;
 | 
						|
 | 
						|
		this.children.push( materialXNode );
 | 
						|
 | 
						|
	}
 | 
						|
 | 
						|
}
 | 
						|
 | 
						|
class MaterialX {
 | 
						|
 | 
						|
	constructor( manager, path ) {
 | 
						|
 | 
						|
		this.manager = manager;
 | 
						|
		this.path = path;
 | 
						|
		this.resourcePath = '';
 | 
						|
 | 
						|
		this.nodesXLib = new Map();
 | 
						|
		//this.nodesXRefLib = new WeakMap();
 | 
						|
 | 
						|
		this.textureLoader = new TextureLoader( manager );
 | 
						|
 | 
						|
	}
 | 
						|
 | 
						|
	addMaterialXNode( materialXNode ) {
 | 
						|
 | 
						|
		this.nodesXLib.set( materialXNode.nodePath, materialXNode );
 | 
						|
 | 
						|
	}
 | 
						|
 | 
						|
	/*getMaterialXNodeFromXML( xmlNode ) {
 | 
						|
 | 
						|
        return this.nodesXRefLib.get( xmlNode );
 | 
						|
 | 
						|
    }*/
 | 
						|
 | 
						|
	getMaterialXNode( ...names ) {
 | 
						|
 | 
						|
		return this.nodesXLib.get( names.join( '/' ) );
 | 
						|
 | 
						|
	}
 | 
						|
 | 
						|
	parseNode( nodeXML, nodePath = '' ) {
 | 
						|
 | 
						|
		const materialXNode = new MaterialXNode( this, nodeXML, nodePath );
 | 
						|
		if ( materialXNode.nodePath ) this.addMaterialXNode( materialXNode );
 | 
						|
 | 
						|
		for ( const childNodeXML of nodeXML.children ) {
 | 
						|
 | 
						|
			const childMXNode = this.parseNode( childNodeXML, materialXNode.nodePath );
 | 
						|
			materialXNode.add( childMXNode );
 | 
						|
 | 
						|
		}
 | 
						|
 | 
						|
		return materialXNode;
 | 
						|
 | 
						|
	}
 | 
						|
 | 
						|
	parse( text ) {
 | 
						|
 | 
						|
		const rootXML = new DOMParser().parseFromString( text, 'application/xml' ).documentElement;
 | 
						|
 | 
						|
		this.textureLoader.setPath( this.path );
 | 
						|
 | 
						|
		//
 | 
						|
 | 
						|
		const materials = this.parseNode( rootXML ).toMaterials();
 | 
						|
 | 
						|
		return { materials };
 | 
						|
 | 
						|
	}
 | 
						|
 | 
						|
}
 | 
						|
 | 
						|
export { MaterialXLoader };
 |