3

我正在渲染部分重叠的点图元。片段着色器对每个 Point 图元正方形透明(实心圆)的部分进行着色。不与任何其他点图元重叠的点图元,按预期着色(正方形的透明区域显示背景)。

当这样的点图元与另一个点图元重叠时,这种行为是出乎意料的。具体来说:透明区域不显示unlerlying points图元的不透明颜色,而是将其清除并显示背景颜色。

换句话说,具有较高顶点 ID 号的点图元会清除具有较低顶点 ID 号的点图元的先前阴影片段。

点基元编码如下:

command_encoder.drawPrimitives(.Point, vertexStart: 0, vertexCount: stroke.count) 

顶点和片段着色器如下所示:

vertex OutVertex vertex_func(constant InVertex* vertex_array [[buffer(0)]],
                          constant Uniforms& uniforms [[buffer(1)]],
                          uint vid [[vertex_id]]) {

    OutVertex out;
    InVertex in = vertex_array[vid];

    // transform vertex into NDC space
    out.position = uniforms.projection * float4(in.position.x, in.position.y, 0, 1);

    out.pointSize = 60;

    return out;
}

fragment float4 fragment_func(OutVertex vert [[stage_in]], float2 uv[[point_coord]]) {
    float2 uvPos = uv;

    uvPos.x -= 0.5f;
    uvPos.y -= 0.5f;

    uvPos *= 2.0f;

    float dist = sqrt(uvPos.x*uvPos.x + uvPos.y*uvPos.y);
    float circleAlpha = 1.0f-dist;

    half4 color = half4(0.0f, 0.0f, 1.0f, 1.0f);
    color *= circleAlpha;

    return float4(color.r, color.g, color.b, circleAlpha);
}

结果如下所示:

在此处输入图像描述 在此处输入图像描述

我想了解如何防止清除重叠的透明区域但保持背景的透明度。

谢谢你。

2016 年 5 月 25 日更新:

我能够打开固定功能混合与这些添加到我的渲染管道描述符:

    rpld.colorAttachments[0].blendingEnabled = true
    rpld.colorAttachments[0].rgbBlendOperation = .Add;
    rpld.colorAttachments[0].alphaBlendOperation = .Add;
    rpld.colorAttachments[0].sourceRGBBlendFactor = .One;
    rpld.colorAttachments[0].sourceAlphaBlendFactor = .One;
    rpld.colorAttachments[0].destinationRGBBlendFactor = .OneMinusSourceAlpha;
    rpld.colorAttachments[0].destinationAlphaBlendFactor = .OneMinusSourceAlpha;

现在事情看起来和预期的一样:

在此处输入图像描述

4

0 回答 0