【发布时间】：2021-06-22 15:24:53
【问题描述】：
试图达到这种效果，但不知道该往哪个方向前进。
我曾尝试使用着色器使用多边折射技术，但似乎无法真正实现效果。有没有更简单的方法？
我将在背景中有一个平面，使用着色器来实现选取框效果。这一切都很好并且有效。但是，我需要该几何图形具有某种磨砂玻璃效果，同时扭曲背景中的文本。会在几何体上使用某种材质，并添加透明，哪些参数有效？
希望得到一些指导
【问题讨论】：
标签： three.js
【发布时间】：2021-06-22 15:24:53
【问题描述】：
这种效果（相对于简单的 alpha 混合透明度）称为“透射”，磨砂部分称为“透射粗糙度”。 THREE.MeshPhysicalMaterial 是在 three.js 中执行此操作的首选方式，请参阅以下示例：
https://threejs.org/examples/?q=transmission#webgl_materials_physical_transmission
但是，材质类型还不支持折射，如上图所示的背景扭曲。 three.js#21000 包含一些关于将来支持它的讨论。
【讨论】：