Three.js 融合 .blending

Question

如果你对原生 WebGL 有一定的了解，那么你对混合函数 gl.blendFunc() 肯定是不陌生的。Three.js 中关于融合的一些设置可以查看材质基类 Material

examples 官方案例

• webgl_materials_blending.html
• webgl_materials_blending_custom.html

.blending 属性

材质 Material 的 .blending 属性主要控制纹理融合的叠加方式，.blending 属性的默认值是 THREE.NormalBlending，其它值THREE.AdditiveBlending、THREE.SubtractiveBlending 等

• THREE.NormalBlending:.blending 属性默认值
• THREE.AdditiveBlending:加法融合模式
• THREE.SubtractiveBlending:减法融合模式
• THREE.MultiplyBlending:乘法融合模式
• THREE.CustomBlending:自定义融合模式，与.blendSrc,.blendDst或.blendEquation属性组合使用

.blendSrc、.blendSrc、.blendEquation 等属性的介绍可以查看 Threejs 文档材质基类 Material