控制台报错,好像是片元着色器的模板字符串有问题;

来源:17-8 创建建筑物外围线条

慕用4270706

2023-07-18

three.module.js:19914 THREE.WebGLProgram: Shader Error 0 - VALIDATE_STATUS false

Program Info Log: Fragment shader is not compiled.

以下是我的代码:
// 通过着色器的方法 自定义线条渲染
const material = new THREE.ShaderMaterial({
uniforms: {
line_color: {
value: new THREE.Color(color.soundLine),
},
},
vertexShader: void main(){ gl_Position = projectionMatrix * modelViewMatrix * vec4(position, 1.0); },
fragmentShader: `
uniform vec3 line_color;

    viod main(){
      gl_FragColor = vec4(line_color, 1.0);
    }
  `,
})
写回答

1回答

yancy

2023-07-19

片元着色器里的函数返回值写错了,应该是void,不是viod

0
0

WebGL+Three.js 入门与实战,系统学习 Web3D 技术

前端的技术蓝海,涨薪好选择

1081 学习 · 294 问题

查看课程