定制Three.js中Material属性

时间:2022-02-25 05:41:36

1。找到想要更改的着色器代码

定制Three.js中Material属性

2.添加着色器代码片段

定制Three.js中Material属性

3.在相应着色器中添加更改

定制Three.js中Material属性

4.ShaderChunk.js中引入步骤2添加的片段

定制Three.js中Material属性

5.Shaderlib中为将增加的uniforms变量添加到Uniforms集合中

定制Three.js中Material属性

6.WebGLProgram中根据条件添加片段开关

定制Three.js中Material属性

7.WebGLPrograms中将变量参数添加到parameters中,以便从程序中识别变量

定制Three.js中Material属性

8.WebGLRenderer中在相应函数中增加代码,将程序设定值传递到着色器参数中

定制Three.js中Material属性

9.更改相应的Material代码

定制Three.js中Material属性

10.在程序中使用

定制Three.js中Material属性