threejs材料的transparent，opacity，emissiveIntensity，envMapIntensity属性

最新推荐文章于 2025-05-15 13:39:57 发布

默茉

最新推荐文章于 2025-05-15 13:39:57 发布

阅读量4.3k

点赞数

CC 4.0 BY-SA版权

分类专栏： threejs 文章标签：材料属性

本文链接：https://blog.csdn.net/weixin_43081805/article/details/85231607

threejs 专栏收录该内容

28 篇文章

订阅专栏

本文详细介绍了Three.js中实现透明效果的方法，包括transparent属性的设置与opacity属性的调节，以及如何通过emissiveIntensity调整光源强度。同时，探讨了不同Blending模式对背景与前景融合的影响。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

transparent
官网解释：
Defines whether this material is transparent（透明）. This has an effect on rendering as transparent objects need special treatment and are rendered after non-transparent objects.
When set to true, the extent to which the material is transparent is controlled by setting it’s opacity property.
Default is false.

opacity透明度（可以调节透明的程度，0.0表示完全透明，1.0表示完全不透明）
需要搭配transparent一起使用，使用前需要开始transparent（transparent ： true）
官网的解释：
Float in the range of 0.0 - 1.0 indicating how transparent the material is. A value of 0.0 indicates fully transparent, 1.0 is fully opaque（不透明）.
If the material’s transparent property is not set to true, the material will remain fully opaque and this value will only affect its color.
Default is 1.0.

emissiveIntensity
官网解释：
Intensity of the emissive（放射） light. Modulates the emissive color. Default is 1.

.envMapIntensity : Float
官网解释：
Scales the effect of the environment map by multiplying its color.

**Blending **（控制前后背景的融合方式）
需要搭配transparent一起使用，使用前需要开始transparent（transparent ： true）
控制背景与前景的融合方式
THREE.NoBlending
THREE.NormalBlending
THREE.AdditiveBlending
THREE.SubtractiveBlending
THREE.MultiplyBlending
THREE.CustomBlending