Metal，Swift中的透明动画

Question

我正在使用 Metal 创建动画。我使用 MTKViewDelegate 方法在黑色 MTKView 上绘制动画。我的目的是模拟汽油并使其像这样半透明：

Half-transparent animation

现在看起来像这样：

My current animation

当我在片段着色器中设置 alpha 时，没有任何反应，尽管着色效果很好：

    fragment half4 fragment_shader(VertexOut fragData [[stage_in]], float2 pointCoord [[point_coord]]) {
        float dist = length(pointCoord - float2(0.6));
        float4 color = fragData.color;
        // Marking particles round shaped
        color.a = 1.0 - smoothstep(0.4, 0.4, dist);
        // Setting yellow color with 0.5 alpha
        color.b = (0.6, 0.2, 0.7, 0.5);
        return half4(color);     
    }

我也有附件描述符，但它仍然无法使 alpha 工作：

         let attachmentDesciptor: MTLRenderPipelineColorAttachmentDescriptor =
 pipelineDescriptor.colorAttachments[0]
         attachmentDesciptor.isBlendingEnabled = true
         attachmentDesciptor.rgbBlendOperation = MTLBlendOperation.add
         attachmentDesciptor.alphaBlendOperation = MTLBlendOperation.add
         attachmentDesciptor.sourceRGBBlendFactor = .sourceAlpha
         attachmentDesciptor.sourceAlphaBlendFactor = .sourceAlpha
         attachmentDesciptor.destinationRGBBlendFactor = MTLBlendFactor.oneMinusSourceAlpha
         attachmentDesciptor.destinationAlphaBlendFactor = MTLBlendFactor.oneMinusSourceAlpha

已编辑：

我也尝试将metalView.isOpaque 设置为false，但它只是改变了背景：

Same animation with different background

任何帮助将不胜感激！

Answer 1

您的着色器实现是错误的，因为您的 alpha 通道从未设置为 0.5，在这一行中：

// Setting yellow color with 0.5 alpha
color.b = (0.6, 0.2, 0.7, 0.5);

在上面的行中，您尝试将四维向量设置为一维分量，这是错误的。

也不清楚你为什么调用这个函数：

// Marking particles round shaped
color.a = 1.0 - smoothstep(0.4, 0.4, dist);

根据金属着色器语言：

如果 edge0 >= edge1，则结果未定义

为了达到预期的效果，你应该用这个替换你的着色器片段函数：

fragment half4 fragment_shader(VertexOut fragData [[stage_in]], float2 pointCoord [[point_coord]]) {
        float dist = length(pointCoord - float2(0.6));
        float4 color = fragData.color;
        // Marking particles round shaped
        // color.a = 1.0 - smoothstep(0.4, 0.4, dist);
        // Setting yellow color with 0.5 alpha
        // color.b = (0.6, 0.2, 0.7, 0.5);
        
        // Setting yellow color with 0.5 alpha
        color = (1, 1, 0, 0.5);
        return half4(color);     
    }