Three.JS - 针对不同对象的不同着色器

时间:2016-08-21 07:05:32

标签: three.js

我正在尝试模糊three.js中的多个网格,每个网格都有不同的模糊量。我有一个EffectComposer,它使用示例中使用的Horizo​​ntalBlurShader和VerticalBlurShader。关于我如何做这个的任何想法?我会使用多个场景吗?我是渲染到目标还是直接渲染到屏幕上?

1 个答案:

答案 0 :(得分:0)

这听起来像其中一个它取决于类问题。

你想要达到什么效果?形状有兴趣吗?如果他们相交,他们将如何模糊?

首先想到的是我在Photoshop中如何做到这一点。我将每个形状放在它自己的图层上,并对每个图层应用模糊滤镜。这将在three.js中对应于每个形状制作一个场景,将每个形状绘制到渲染目标,模糊该目标,然后将该目标绘制到画布(或另一个目标)。有效地将每个3d形状一次渲染成2d纹理,模糊纹理,然后绘制每个纹理。它会提供相同的外观,就像你在photoshop中将每个形状放在自己的图层中一样,并为每一层应用不同的模糊。