Skip to content

일반 이펙트

방사형 블러, 그레이스케일 등 RedGPU가 제공하는 다양한 표준 효과들을 관리합니다.

[학습 가이드]

기술적으로 톤 매핑은 전체 후처리 과정의 가장 첫 번째 단계에서 실행되지만, 이 장에서는 시각적인 변화를 가장 직관적으로 체감할 수 있는 일반 이펙트 를 먼저 다룹니다.

1. 사용 방법

이펙트 객체를 생성한 후 view.postEffectManager.addEffect() 를 통해 등록합니다. 등록된 순서대로 파이프라인 체인이 형성됩니다.

javascript
const radialBlur = new RedGPU.PostEffect.RadialBlur(redGPUContext);
view.postEffectManager.addEffect(radialBlur);

2. 주요 이펙트 예시

2.1 방사형 블러 (Radial Blur)

중심점에서 바깥쪽으로 퍼져나가는 속도감이나 집중 효과를 연출합니다.

2.2 그레이스케일 (Grayscale)

이미지를 흑백으로 변환하여 고전적인 분위기를 연출합니다.

3. 전체 지원 목록

RedGPU가 제공하는 모든 일반 이펙트 목록입니다. 모든 이펙트는 RedGPU.PostEffect 네임스페이스 하위에 위치합니다.

카테고리클래스 명설명
BlurBlur, GaussianBlur가우시안 블러 (가장 일반적인 흐림 효과)
BlurX, BlurY단방향(가로/세로) 블러
DirectionalBlur지정된 각도 방향으로 흐려지는 효과
RadialBlur중심에서 바깥쪽으로 원형으로 흐려지는 효과
ZoomBlur중심에서 바깥쪽으로 확대되며 흐려지는 효과
AdjustmentsBrightnessContrast밝기와 대비 조절
HueSaturation색조와 채도 조절
ColorBalance색상 균형(미드톤, 쉐도우, 하이라이트) 조절
ColorTemperatureTint색온도와 틴트 조절
Vibrance활기(채도가 낮은 부분 위주로 보정) 조절
Grayscale흑백 이미지로 변환
Invert색상 반전
Threshold임계값을 기준으로 이진화
LensOldBloom클래식한 빛 번짐 효과
DOF피사계 심도 (초점 외 영역 블러)
Vignetting화면 외곽을 어둡게 처리하는 효과
ChromaticAberration렌즈의 색수차 현상 재현
LensDistortion렌즈 왜곡 효과
AtmosphericFog거리 기반 안개 효과
HeightFog높이 기반 안개 효과
Visual / UtilityFilmGrain필름 노이즈(그레인) 효과
Sharpen선명도 강조
Convolution커널 기반 필터 (Sharpen, Edge, Emboss 등 지원)

[라이브 확인]

위의 모든 이펙트들은 RedGPU 공식 예제 페이지PostEffect 카테고리에서 실시간 데모로 확인하실 수 있습니다.

핵심 요약

  • addEffect() 를 사용해 원하는 순서대로 효과를 중첩할 수 있습니다.
  • 모든 이펙트 객체는 생성 시 redGPUContext 가 필요합니다.
  • 실제 렌더링은 톤 매핑 직후 단계에서 수행됩니다.

다음 학습 추천