Three.js：如何创建模糊玻璃墙

Question

我想制作具有一些效果的玻璃墙，以获得更逼真的外观。 （小烟或模糊效果）。如何将此效果添加到我的素材中？ （我现在只有颜色，不透明度和透明度）。 Sry如果这是一个愚蠢的问题，我是初学者。

反应的Thx：）

Answer 1

模糊框架缓冲与屈光玻璃无关。看一眼： http://mrdoob.github.io/three.js/examples/#webgl_materials_shaders_fresnel 和 http://mrdoob.github.io/three.js/examples/#webgl_materials_cubemap_refraction

并搜索“折射着色器”或类似的东西。

Answer 2

您需要使用着色器。 基本上模糊：

• 将图像渲染为帧缓冲区
• 在帧缓冲区上应用第一个水平传递并渲染到另一个帧缓冲区
• 您在第二个fbo上应用第二个垂直传递回原始传递
• 您需要在屏幕上渲染帧缓冲区

看一下这个主题：THREE.js blur the frame buffer