Skip to main content

compositeDestinationIn: Alpha Masking Multiplication

Simple Alpha-Based Visibility Control​

The destination in composite operation renders destination color only within source alpha regions through direct multiplication masking.

destinationIn=dst×αsrc\text{destinationIn} = dst \times \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 compositeDestinationInVec4(src, dst)
}