【发布时间】:2022-01-22 00:37:26
【问题描述】:
我的对象上有一个简单的材料,例如:
THREE.MeshPhysicalMaterial({
roughness:1,
color: 0xffffff,
dithering:true
})
还有一个简单的定向灯。现在,我认为“抖动”会对阴影做这样的事情:
但是,它似乎没有做任何事情。抖动属性实际上是做什么的?还是我忘了配置什么?
【问题讨论】:
我的对象上有一个简单的材料,例如:
THREE.MeshPhysicalMaterial({
roughness:1,
color: 0xffffff,
dithering:true
})
还有一个简单的定向灯。现在,我认为“抖动”会对阴影做这样的事情:
但是,它似乎没有做任何事情。抖动属性实际上是做什么的?还是我忘了配置什么?
【问题讨论】:
材质中的抖动是一种非常微妙的效果,有助于防止颜色混合不顺畅时出现条带。您在屏幕截图中显示的效果更加明显,黑白且大部分像素化。默认材质没有此功能。
你想要的效果可以通过后处理pass来实现。 Threejs 在这里有一个演示:https://threejs.org/examples/?q=post#webgl_postprocessing
Here’s the source code for that demo。请注意,它使用 DotScreenShader 着色器通道。
【讨论】:
EffectComposer对整个三个js场景使用效果