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 };
|