NodeMaterial: Arrays of uniforms

[sunag]

Description

This is the first approach for Arrays of uniform using ArrayInputNode.

Soon we can optimize all VBO of NodeMaterial using WebGPUUniformBuffer but it can take a while.

Include

import ArrayInputNode from './jsm/renderers/nodes/core/ArrayInputNode.js';

Example 1 - Vector3

material.colorNode = new FunctionNode( `
vec3 ( vec3[2] value ) {

	// 0 -> cornflower blue
	// 1 -> orange

	return value[0];

}` ).call( {
	value: new ArrayInputNode( [
		new Vector3Node( new THREE.Vector3( 0, .5, 1 ) ), // cornflower blue
		new Vector3Node( new THREE.Vector3( 1, .5, 0 ) ) // orange
	] )
} );

Example 2 - Matrix4

material.colorNode = new FunctionNode( `
vec3 ( mat4[2] value ) {

	// 0 -> cornflower blue
	// 1 -> orange

	mat4 mtx = value[0];
	vec3 mtxPos = vec3( mtx[3] );

	return mtxPos;

}` ).call( {
	value: new ArrayInputNode( [
		new Matrix4Node( new THREE.Matrix4().setPosition( 0, .5, 1 ) ), // cornflower blue
		new Matrix4Node( new THREE.Matrix4().setPosition( 1, .5, 0 ) ) // orange
	] )
} );

[mrdoob]

Thanks!