ThreeJS blending与opacity冲突问题

882 阅读1分钟
  • three.js透明设置,material中的transparent设置为true
  • three.js封装的blending方法有
    • NoBlending
      • NoBlending:z-buffer值较大的像素将会遮挡z-buffer值较小的像素,没有纹理融合效果,设置纹理透明度无效。
    • NormalBlending
      • NormalBlending:默认选项,根据z-buffer正常显示纹理,这是标准混合模式,它单独使用顶层,而不将其颜色与其下面的层混合。
    • AdditiveBlending
      • AdditiveBlending:此混合模式只是将一个图层的像素值添加到另一个图层。如果值大于1(在RGB的情况下),则显示白色。线性减淡颜色值。由于它总是产生与输入相同或更浅的颜色,因此它也被称为“加亮”。
    • SubtractiveBlending
      • SubtractiveBlending:此混合模式将一个图层的像素值减去另一个图层像素值。如果为负值,则显示黑色。
    • MultiplyBlending
      • MultiplyBlending:颜色混合,源图像RGB分量与目标图像RGB分量的相乘。