three.js - THREE.JS 后处理模糊渲染区域

Question

我需要模糊渲染但不是整体，只有片段。冻结的“玻璃”形状将溢出（SVG 动画透明形状在 WebGl 动画上）。问题是局部冻结效应。一些效果作曲家或 context.readPixels + FastBlur.js 是否有意义或可能是 css + 蒙版？谢谢你的帮助。

Answer 1

我做到了：WebGl 着色器模糊（Three.js 渲染通道）+ 蒙版纹理（图像 = 绘制形状的附加不可见画布元素）。SVG 是一个独立的元素，但提供了有关遮罩纹理的形状和位置的信息，当然还显示了形状。有点疯狂，但工作速度非常快。