Passing Vec3 Array to Vertex Shader with ThreeJS

Question

How do I pass an array of vec3 data to a vertex shader using ThreeJS?

air_parcel_pos: {
   type: "???",
   value: the array of data
}

I was wondering why this page in the documentation ( threejs.org/docs/#api/en/core/Uniform ) didn't make sense to me. Thanks. — M1ke
– M1ke, Commented Apr 22, 2019 at 19:09

Rabbid76 · Accepted Answer · 2019-04-23 16:23:23Z

4

The initialization value has to be an array of values which correspond to the GLSL data type.

e.g.

If the uniform variable is an array of vec3

uniform vec3 u_array[3];

then the initialization value can be an array of THREE.Vector3

var uniforms = {
    u_array: {value: [
        new THREE.Vector3(1, 0, 0),
        new THREE.Vector3(0, 1, 0),
        new THREE.Vector3(0, 0, 1)
    ] }
};

var material = new THREE.ShaderMaterial({  
    uniforms: uniforms,
    vertexShader: // ...
    fragmentShader: // ...
});

Further data types are Vector2, Vector4 or Color. An array of float or int can be set by an array of values.

edited Apr 23, 2019 at 16:23

answered Apr 22, 2019 at 18:16

Rabbid76

212k30 gold badges163 silver badges205 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

M1ke Over a year ago

Thanks, your answer expanded my understanding this.

Collectives™ on Stack Overflow

Passing Vec3 Array to Vertex Shader with ThreeJS

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related