I’m creating an Instanced Buffer Geometry as per the example
https://threejs.org/examples/#webgl_buffergeometry_instancing_dynamic
The only difference between my BoxBufferGeometry and the example, is that my mesh (for the boxbuffer geometry) uses multiple materials, and so I’m a little confused how to set up my mesh and/or raw shader rendering the different materials on each instance.
A picture is worth a thousand words - here’s my problem:
The box in the center is my original - the clones don’t look the same - my box is using different materials - and I’m using the shaders from the dynamic example
fragment shader:
precision highp float;
uniform sampler2D map;
varying vec2 vUv;
void main() {
gl_FragColor = texture2D( map, vUv );
}
vertex shader
precision highp float;
uniform mat4 modelViewMatrix;
uniform mat4 projectionMatrix;
attribute vec3 position;
attribute vec3 offset;
attribute vec2 uv;
attribute vec4 orientation;
varying vec2 vUv;
void main() {
vec3 vPosition = position;
vec3 vcV = cross( orientation.xyz, vPosition );
vPosition = vcV * ( 2.0 * orientation.w ) + ( cross( orientation.xyz, vcV ) * 2.0 + vPosition );
vUv = uv;
gl_Position = projectionMatrix * modelViewMatrix * vec4( offset + vPosition, 1.0 );
}