我目前正在使用
在实际程序中,它是这样的:
通过在着色器开头手动添加所需的#define,我可以让它做我想要的事情。然而,这似乎不是设置它的正确方式,也不是很灵活。类似于this的东西,但我只需要基本定义。我尝试查看API和示例以找到如何设置这些内容,但似乎无法使其正常工作。
THREE.ShaderMaterial
自定义基础Phong材质,并使用大部分THREE js的基础块和自定义片段着色器块重建材质。我遇到的问题是在three.js的许多部分中使用#define
,并尝试找到设置它们的正确方法。在实际程序中,它是这样的:
// Clone the uniforms
var uniforms = THREE.UniformsUtils.clone(shader['uniforms']);
// Set uniform values
uniforms["map"].value = texture;
uniforms["diffuse"].value = new THREE.Color( 0xff0000 );
uniforms["envMap"].value = envMapt;
uniforms["reflectivity"].value = 0.7;
// Create material using shader
var material = new THREE.ShaderMaterial( {
vertexShader: shader['vertexShader'],
fragmentShader: shader['fragmentShader'],
uniforms: uniforms,
lights: true,
//map: true, // These don't seem to do anything
//envMap: true // These don't seem to do anything
} );
使用如此构建的自定义着色器
fragmentShader: [
"#define USE_MAP",
//"#define USE_ENVMAP",
"uniform vec3 diffuse;",
"uniform float opacity;",
.......
"void main() {",
THREE.ShaderChunk[ "alphatest_fragment" ],
THREE.ShaderChunk[ "specularmap_fragment" ],
......
// NDJ - Using custom frag shader
//THREE.ShaderChunk[ "lights_phong_fragment" ],
CustomShaderChunk[ "lights_phong_fragment" ],
......
THREE.ShaderChunk[ "fog_fragment" ],
"}"
].join("\n")
通过在着色器开头手动添加所需的#define,我可以让它做我想要的事情。然而,这似乎不是设置它的正确方式,也不是很灵活。类似于this的东西,但我只需要基本定义。我尝试查看API和示例以找到如何设置这些内容,但似乎无法使其正常工作。