Real-Time 3D Graphics with WebGL 2 - Second Edition

WebGL Alpha-Blending API

The following table summarizes the WebGL functions that are relevant to performing alpha-blending operations:

WebGL function	Description
gl.enable|disable(gl.BLEND)	Enable/disable blending.
gl.blendFunc(sW, dW)	Specify pixel arithmetic. Accepted values for sW and dW are as follows: ZERO ONE SRC_COLOR DST_COLOR SRC_ALPHA DST_ALPHA CONSTANT_COLOR CONSTANT_ALPHA ONE_MINUS_SRC_ALPHA ONE_MINUS_DST_ALPHA ONE_MINUS_SRC_COLOR ONE_MINUS_DST_COLOR ONE_MINUS_CONSTANT_COLOR ONE_MINUS_CONSTANT_ALPHA In addition, sW can also be SRC_ALPHA_SATURATE.
gl.blendFuncSeparate(sW_rgb, dW_rgb, sW_a, dW_a)	Specify pixel arithmetic for RGB and alpha components separately.
gl.blendEquation(mode)	Specify the equation used for ...