WebGL Beginner's Guide - Chapter 6
Creating Transparent Objects with Alpha Blending and Face Culling
Your browser does not support the HTML5 canvas element.
Alpha Blending
Render Front Face
Render Back Face
Alpha Value:
0.5
Blend Function
Source
Destination
gl.FUNC_ADD
gl.FUNC_SUBTRACT
gl.FUNC_REVERSE_SUBTRACT
gl.ZERO
gl.ONE
gl.SRC_COLOR
gl.DST_COLOR
gl.SRC_ALPHA
gl.DST_ALPHA
gl.CONSTANT_COLOR
gl.CONSTANT_ALPHA
gl.ONE_MINUS_SRC_ALPHA
gl.ONE_MINUS_DST_ALPHA
gl.ONE_MINUS_SRC_COLOR
gl.ONE_MINUS_DST_COLOR
gl.ONE_MINUS_CONSTANT_COLOR
gl.ONE_MINUS_CONSTANT_ALPHA
gl.SRC_ALPHA_SATURATE
gl.ZERO
gl.ONE
gl.SRC_COLOR
gl.DST_COLOR
gl.SRC_ALPHA
gl.DST_ALPHA
gl.CONSTANT_COLOR
gl.CONSTANT_ALPHA
gl.ONE_MINUS_SRC_ALPHA
gl.ONE_MINUS_DST_ALPHA
gl.ONE_MINUS_SRC_COLOR
gl.ONE_MINUS_DST_COLOR
gl.ONE_MINUS_CONSTANT_COLOR
gl.ONE_MINUS_CONSTANT_ALPHA
Constant Blending Color (when applicable):
Constant Alpha (when applicable):
1.0
