Metal中如何实现乒乓帧缓存多遍高斯模糊，适配iOS性能要求？

现有代码问题分析 #

• 所有模糊操作复用同一个渲染编码器：Metal中单个渲染编码器绑定的渲染目标是固定的，循环内多次绘制都会写入同一个目标纹理，且每次读取的都是初始输入纹理，没有用上上一轮模糊的输出，因此多次绘制效果和单次一致。
• 逻辑结构错误：乒乓缓存的核心是每次迭代交替执行水平/垂直模糊，同时交替读写两个纹理，而非先执行N次水平模糊再执行N次垂直模糊。
• 存在读写冲突风险：Metal不允许同一个渲染通道内将同一纹理同时作为写入目标和采样输入，会触发未定义行为。

正确实现步骤 #

前置资源准备 #

提前创建两个尺寸、像素格式完全一致的离屏纹理，需设置usage为MTLTextureUsageRenderTarget | MTLTextureUsageShaderRead，作为乒乓缓存使用，记为pingTexture和pongTexture。

渲染流程 #

1. 先将光线投射生成的原始场景内容绘制到初始纹理，作为首次模糊的输入。
2. 初始化状态参数：模糊迭代次数、当前模糊方向标记、首次迭代标记。
3. 每次迭代独立创建渲染编码器：
   • 本次渲染目标为当前方向对应的乒乓纹理
   • 本次输入纹理为上一轮迭代的输出纹理（首次迭代用原始场景纹理）
   • 绑定模糊管道、方向参数、输入纹理后绘制全屏Quad
   • 结束当前编码器，翻转方向标记
4. 所有迭代完成后，最后一次的渲染目标纹理即为最终模糊结果，直接绘制到屏幕即可。

高性能优化（针对iPhone设备） #

• 采用线性采样优化高斯模糊算法，单采样可等效实现双采样效果，减少采样次数降低带宽占用。
• 全屏Quad直接在顶点函数中通过顶点ID生成坐标，无需创建额外顶点缓冲，降低CPU开销。
• 大半径模糊场景下可先将输入纹理降采样到1/2或1/4分辨率再执行模糊，最后上采样回原尺寸，可大幅提升渲染性能且画质损失极低。
• 提前缓存渲染通道描述符，避免每帧重复创建，降低CPU负载。

示例代码 #

// 提前初始化的资源
id<MTLTexture> pingTexture;
id<MTLTexture> pongTexture;
id<MTLTexture> originalSceneTexture; // 光线投射输出的原始纹理
id<MTLRenderPipelineState> blurPipeline; // 预编译的模糊渲染管道
int blurIterationCount = 10;

// 每帧模糊逻辑
BOOL isHorizontal = YES;
BOOL isFirstIteration = YES;
id<MTLTexture> currentInput = originalSceneTexture;
id<MTLTexture> currentOutput = nil;

for (int i = 0; i < blurIterationCount; i++) {
    // 切换当前读写纹理
    currentOutput = isHorizontal ? pongTexture : pingTexture;
    currentInput = isFirstIteration ? originalSceneTexture : (isHorizontal ? pingTexture : pongTexture);
    
    // 配置渲染通道，可提前缓存复用
    MTLRenderPassDescriptor *blurPassDesc = [MTLRenderPassDescriptor new];
    blurPassDesc.colorAttachments[0].texture = currentOutput;
    blurPassDesc.colorAttachments[0].loadAction = MTLLoadActionDontCare;
    blurPassDesc.colorAttachments[0].storeAction = MTLStoreActionStore;
    
    // 创建当前迭代的渲染编码器
    id<MTLRenderCommandEncoder> blurEncoder = [commandBuffer renderCommandEncoderWithDescriptor:blurPassDesc];
    [blurEncoder setRenderPipelineState:blurPipeline];
    // 传入模糊方向参数
    int direction = isHorizontal ? 1 : 0;
    [blurEncoder setFragmentBytes:&direction length:sizeof(direction) atIndex:0];
    // 绑定输入纹理
    [blurEncoder setFragmentTexture:currentInput atIndex:0];
    // 绘制全屏Quad（用TriangleStrip 4个顶点即可）
    [blurEncoder drawPrimitives:MTLPrimitiveTypeTriangleStrip vertexStart:0 vertexCount:4];
    [blurEncoder endEncoding];
    
    // 更新状态
    isHorizontal = !isHorizontal;
    if (isFirstIteration) isFirstIteration = NO;
}

// 最后将currentOutput绘制到屏幕即可

内容的提问来源于stack exchange，提问作者moniquell