WebGL教程_Three.js教程_郭隆邦技术博客 郭隆邦_技术博客 Three.js免费视频教程

Three.js 融合 .blending

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

examples官方案例

  • webgl_materials_blending.html
  • webgl_materials_blending_custom.html

.blending属性

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

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

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

本站版权所有,本站任何内容未经允许不得转载   备案号:豫ICP备16004767号 QQ群:187740169 (WebGL-Three.js教程)   邮箱:guolongbang@163.com