使用深度剥离实现与顺序无关的透明度

此示例使用深度剥离实现与顺序无关的透明度 (OIT) 算法。它渲染一个可以通过 UI 控制不透明度的单圆环。它产生像素完美的结果。它基于 Cass Everitt 的 原始论文。

OIT 算法由几个收集通道和一个组合通道组成。

每个收集通道渲染一层透明几何体。第一个通道渲染第一层，第二个通道渲染第二层，依此类推。当片段从前到后排序时，第 N 层由每个像素的所有第 N 个片段组成。

组合通道是屏幕空间操作。它将图层图像从后到前合并以产生最终结果。

该算法可以产生像素完美的结果，即使在几何体相交的情况下也是如此。当几何图层多于收集通道时，最靠后的图层会被跳过，但视觉效果保持稳定（即没有闪烁像素）。