javascript - 三.WebGL渲染器: Unknown uniform type: 1009

Question

我正在使用 THREE.js r73，并且我正在尝试使用 THREE.BufferGeometery 来保存顶点并使用 THREE.ShaderMaterial 来添加粒子系统他们的功能。由于某种原因，我收到上面的错误。这是我的代码(使用 Typescript)。错误发生在 gl_FragColor = gl_FragColor *texture2D(texture, gl_PointCoord ); 行(片段着色器中的最后一个)。

this.particleSystem = new THREE.PointCloud(
    this.particles,
    new THREE.ShaderMaterial({
        uniforms: {
            texture: wTex
        },
        vertexShader: `
            attribute vec3 color;
            attribute float size;

            varying vec3 vColor;
            varying vec2 vUv;

            void main() {
                vUv = uv;
                vColor = color; // set color associated to vertex; use later in fragment shader
                vec4 mvPosition = modelViewMatrix * vec4( position, 1.0 );
                gl_PointSize = size * ( 300.0 / length( mvPosition.xyz ) );
                gl_Position = projectionMatrix * mvPosition;
            }
        `,
        fragmentShader: `
            uniform sampler2D texture;

            varying vec3 vColor; // colors associated to vertices; assigned by vertex shader
            varying vec2 vUv;

            void main() {
                // calculates a color for the particle
                gl_FragColor = vec4( vColor, 1.0 );
                // sets particle texture to desired color
                gl_FragColor = gl_FragColor * texture2D( texture, gl_PointCoord );
            }
        `
    })
);

该代码改编 self 在网上找到的一些示例，但我理解它。

Answer 1

你没有正确构建制服。应该是...

uniforms: {
    texture: { type: 't', value: wTex }
}