使用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或Color 。 可以通過值數組設置float或int數組。