Skip to main content

compositeDestinationOver: Additive Background Filling

Two-Term Additive Color Composition​

The destination over composite operation renders destination as foreground with source filling transparent background areas through additive composition.

destinationOver=dst+src×(1−αdst)\text{destinationOver} = dst + src \times (1 - \alpha_{dst})
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 compositeDestinationOverVec4(src, dst)
}