Three.js：如何創建模糊玻璃牆

Question

我想創建具有一些效果的玻璃牆以獲得更逼真的外觀。 （小抽菸或模糊效果）。我如何將這種效果添加到我的材料中？ （我現在只有顏色，不透明度和透明度）。如果這是一個愚蠢的問題，我是初學者。

Thx反應:)

Answer 1

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

• 渲染圖像到幀緩衝器
• 應用在該幀緩衝器的第一水平通和渲染到另一個幀緩衝器
• 你施加第二垂直通過上第二FBO回到原來的一個
• 你需要渲染屏幕

在幀緩存器以在此線程來看看：THREE.js blur the frame buffer

Answer 2

模糊framebuffer與折射玻璃無關。看一看： http://mrdoob.github.io/three.js/examples/#webgl_materials_shaders_fresnel 和 http://mrdoob.github.io/three.js/examples/#webgl_materials_cubemap_refraction

，搜索「折射着色器」或這樣的事情。