ThreeJS中的暗影暗和物体不透明度

时间:2016-12-02 17:55:00

标签: three.js

我有一个物体将其材质淡化为50%的不透明度,但我注意到阴影不会因其不透明度而改变。

如果对象的不透明度为50%alpha'd。我希望看到的是物体阴影占其阴影的50%,达到100%。

使用threejs处理此问题的好方法是什么?

编辑:我的特定场景在不同的不透明度下有多个网格,在多个网格上投射阴影。

1 个答案:

答案 0 :(得分:3)

shadowMaterial 是隐身的,但只会渲染阴影。您可以将其opacity设置为模仿阴影黑暗,这是一个演示:

http://jsfiddle.net/f17Lz5ux/5336/

var planeMaterial = new THREE.ShadowMaterial();
planeMaterial.opacity = 0.5;
var shadowPlane = new THREE.Mesh( geometry, planeMaterial );
shadowPlane.receiveShadow = true;

缺点:在旧版本中,已删除了shadowDarkness - 属性。现在您需要额外的几何和材料来模拟简单的属性。