使用 ThreeJS 将 Vec3 数组传递给顶点着色器

Question

如何使用 ThreeJS 将 vec3 数据数组传递给顶点着色器？

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

Answer 1

初始化值必须是对应于 GLSL 数据类型的值数组。

例如

如果uniform变量是vec3的数组

uniform vec3 u_array[3];

那么初始化值可以是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: // ...
});

其他数据类型是 Vector2, Vector4 or Color。 float 或 int 的数组可以由值数组设置。

使用 ThreeJS 将 Vec3 数组传递给顶点着色器

Passing Vec3 Array to Vertex Shader with ThreeJS

javascript

three.js

glsl

shader

vertex-shader