Three.js 融合 .blending - 文章教程

Three.js 融合 .blending

发布于 2021-08-29 字数 1177 浏览 875 评论 0

如果你对原生 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

如果你对这篇文章有疑问,欢迎到本站 社区 发帖提问或使用手Q扫描下方二维码加群参与讨论,获取更多帮助。

扫码加入群聊

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

目前还没有任何评论,快来抢沙发吧!

关于作者

清晨说ぺ晚安

我之所以活到现在的全部意义,是为了此刻能对你说,我爱你,我会在你身后永远守护你。

16 文章
2 评论
21404 人气
更多

推荐作者

qq_iQVWB

文章 0 评论 0

gyhjy

文章 0 评论 0

dianjvnan

文章 0 评论 0