Toggle navigation
Gandis Blog
Home
About
Archive
Examples
WebGL 블렌딩 연산 도구
WebGL 블렌딩 연산 도구
🎨 Source Color (새로 그려질 색상)
Red
Green
Blue
Alpha
🖼️ Destination Color (기존 색상)
Red
Green
Blue
Alpha
⚙️ 블렌딩 설정
RGB/Alpha 분리 블렌딩
🎨 RGB 채널 블렌딩
Source Blend Factor (RGB)
ZERO
ONE
SRC_COLOR
ONE_MINUS_SRC_COLOR
DST_COLOR
ONE_MINUS_DST_COLOR
SRC_ALPHA
ONE_MINUS_SRC_ALPHA
DST_ALPHA
ONE_MINUS_DST_ALPHA
Destination Blend Factor (RGB)
ZERO
ONE
SRC_COLOR
ONE_MINUS_SRC_COLOR
DST_COLOR
ONE_MINUS_DST_COLOR
SRC_ALPHA
ONE_MINUS_SRC_ALPHA
DST_ALPHA
ONE_MINUS_DST_ALPHA
Blend Equation (RGB)
ADD (+)
SUBTRACT (-)
REVERSE_SUBTRACT
👻 Alpha 채널 블렌딩
Source Blend Factor (Alpha)
ZERO
ONE
SRC_COLOR
ONE_MINUS_SRC_COLOR
DST_COLOR
ONE_MINUS_DST_COLOR
SRC_ALPHA
ONE_MINUS_SRC_ALPHA
DST_ALPHA
ONE_MINUS_DST_ALPHA
Destination Blend Factor (Alpha)
ZERO
ONE
SRC_COLOR
ONE_MINUS_SRC_COLOR
DST_COLOR
ONE_MINUS_DST_COLOR
SRC_ALPHA
ONE_MINUS_SRC_ALPHA
DST_ALPHA
ONE_MINUS_DST_ALPHA
Blend Equation (Alpha)
ADD (+)
SUBTRACT (-)
REVERSE_SUBTRACT
🔄 통합 블렌딩 (RGB + Alpha)
Source Blend Factor
ZERO
ONE
SRC_COLOR
ONE_MINUS_SRC_COLOR
DST_COLOR
ONE_MINUS_DST_COLOR
SRC_ALPHA
ONE_MINUS_SRC_ALPHA
DST_ALPHA
ONE_MINUS_DST_ALPHA
Destination Blend Factor
ZERO
ONE
SRC_COLOR
ONE_MINUS_SRC_COLOR
DST_COLOR
ONE_MINUS_DST_COLOR
SRC_ALPHA
ONE_MINUS_SRC_ALPHA
DST_ALPHA
ONE_MINUS_DST_ALPHA
Blend Equation
ADD (+)
SUBTRACT (-)
REVERSE_SUBTRACT
📊 블렌딩 결과
Red
0.000
Green
0.000
Blue
0.000
Alpha
0.000