我目前正在努力在 THREE.JS 中创建一个着色器，它的作用类似于普通着色器，但使用颜色作为输入来定义它的着色方式。
以下是导致问题的代码，之后是对我这样做的原因以及我认为导致问题的原因的更长解释：
fragmentShader: [
"uniform float opacity;",
"varying vec3 vNormal;",
"uniform vec3 color;",
"void main() {",
//THIS IS WHAT I THINK IS SCREWING UP EVERYTHING
//Can I not call normalize with that complex
//of equations within a normalize function?
"gl_FragColor = vec4( normalize(color.r + (vNormal.x*color.r)*.5, color.g + (vNormal.y*color.g)*.5, color.b + (vNormal.z*color.b)*.5), opacity );",
"}"
].join("\n")
更长的描述：
我在THREE.shaderLib中基本上使用了和普通shader一样的代码，如下：
'normal': {
uniforms: {
"opacity" : { type: "f", value: 1.0 }
},
vertexShader: [
"varying vec3 vNormal;",
"void main() {",
"vec4 mvPosition = modelViewMatrix * vec4( position, 1.0 );",
"vNormal = normalize( normalMatrix * normal );",
"gl_Position = projectionMatrix * mvPosition;",
"}"
].join("\n"),
fragmentShader: [
"uniform float opacity;",
"varying vec3 vNormal;",
"void main() {",
"gl_FragColor = vec4( 0.5 * normalize( vNormal ) + 0.5, opacity );",
"}"
].join("\n")
},
我正在使用的基本上是这个，但是添加了颜色方面，并且在定义新着色器的函数中调用它，如下所示：
function assignNewShader(color){
var colorAssign = new THREE.Color(color)
THREE.ShaderLib[color] = {
uniforms: {
"opacity" : { type: "f", value: 1.0 },
"color" : { type: "c", value: colorAssign },
},
vertexShader: [
"varying vec3 vNormal;",
"void main() {",
"vec4 mvPosition = modelViewMatrix * vec4( position, 1.0 );",
"vNormal = normalMatrix * normal;",
"gl_Position = projectionMatrix * mvPosition;",
"}"
].join("\n"),
fragmentShader: [
"uniform float opacity;",
"varying vec3 vNormal;",
"uniform vec3 color;",
"void main() {",
"gl_FragColor = vec4(color.r + (vNormal.x*color.r)*.5, color.g + (vNormal.y*color.g)*.5, color.b + (vNormal.z*color.b)*.5, opacity );",
"}"
].join("\n")
}
}
您可以看到最大的区别在于“fragmentShader”部分，其中 vNormal 用于使 gl_FragColor 与函数中给出的颜色相似（但不完全相同）。
我的问题是：当一个对象被“缩放”时，这种颜色差异变得越来越大，以至于所有颜色都尽可能亮。因此，我尝试对代码的“fragmentShader”部分执行以下操作：
fragmentShader: [
"uniform float opacity;",
"varying vec3 vNormal;",
"uniform vec3 color;",
"void main() {",
"gl_FragColor = vec4( normalize(color.r + (vNormal.x*color.r)*.5, color.g + (vNormal.y*color.g)*.5, color.b + (vNormal.z*color.b)*.5), opacity );",
"}"
].join("\n")
当我这样做时，我会遇到大量错误，包括：
错误：0:37：“规范化”：找不到匹配的重载函数错误：0:37：“构造函数”：没有为构造提供足够的数据
WebGL：INVALID_VALUE：attachShader：没有对象或对象被删除
无法初始化着色器 VALIDATE_STATUS：false，gl 错误 [1281]
WebGL：INVALID_OPERATION：getUniformLocation：程序未链接
进入三的 webGL 部分，我绝对是头疼的，但在我看来，这种改变片段着色器的模式应该可以工作。有没有人知道为什么它可能没有？