Can you please add a documentation for the nodes system (soon)?
Meanwhile, can you please convert r76 code to r143 of this demo: three.js webgl - node material
case 'clip':
let mtl = new THREE.PhongNodeMaterial();
var color = new THREE.ColorNode( 0xEEEEEE );
var borderColor = new THREE.ColorNode( 0x0054df );
var threshold = new THREE.FloatNode( .4 );
var borderSize = new THREE.FloatNode( .2 );
// animate uv
var tex = new THREE.TextureNode( getTexture( "cloud" ) );
var texArea = new THREE.SwitchNode( tex, 'w' );
var thresholdBorder = new THREE.Math3Node(
new THREE.OperatorNode( threshold, borderSize, THREE.OperatorNode.ADD ),
threshold,
texArea,
THREE.Math3Node.SMOOTHSTEP
);
var thresholdEmissive = new THREE.OperatorNode(
borderColor,
thresholdBorder,
THREE.OperatorNode.MUL
);
var clip = new THREE.ClipNode( texArea, threshold, color );
clip.conditional = THREE.CondNode.LESS;
mtl.color = clip;
mtl.emissive = thresholdEmissive;
addGui( 'threshold', threshold.value, function ( val ) {
threshold.value = val;
}, false, -.3, 1.3 );
addGui( 'borderSize', borderSize.value, function ( val ) {
borderSize.value = val;
}, false, 0, .5 );
addGui( 'color', color.value.getHex(), function ( val ) {
color.value.setHex( val );
}, true );
addGui( 'borderColor', borderColor.value.getHex(), function ( val ) {
borderColor.value.setHex( val );
}, true );
THREE.SwitchNode
or THREE.ColorNode
are currently undefined
and without the documentation I don’t think I will figure this out anytime soon.
I already spent 2 days on this and I made little progress.
Questions that should be answered in the documentation:
- What node types are available?
- What are all their properties and methods?
- What is the execution order of everything (what is that
build()
function, what calls it, what isaddFlow()
etc.)? - Copy and paste snippets of common tasks (like dissolve) for r143 because r76 is too old.
Please make a better documentation as a top priority.