Skip to main content

compositeDestinationOut: Inverse Alpha Masking

Complementary Alpha-Based Exclusion

The destination out composite operation renders destination color only outside source alpha regions through inverse multiplication masking.

destinationOut=dst×(1αsrc)\text{destinationOut} = dst \times (1 - \alpha_{src})
Live Editor
const fragment = () => {
      const srcAlpha = uv.x
      const dstAlpha = float(0.35).smoothstep(0.25, uv.distance(vec2(0.5)))
      const srcColor = vec3(1, 0.3, 0.2)
      const dstColor = vec3(0.2, 0.4, 1)
      const src = vec4(srcColor, srcAlpha)
      const dst = vec4(dstColor, dstAlpha)
      return compositeDestinationOutVec4(src, dst)
}