WebGL 셰이더 플레이그라운드이란?
GLSL 버텍스 및 프래그먼트 셰이더를 작성하고 WebGL로 렌더링된 시각적 결과를 즉시 확인할 수 있는 라이브 셰이더 편집기입니다. 별도의 로컬 설치 없이 셰이더 프로그래밍 학습, 시각 효과 프로토타이핑, GPU 가속 그래픽 실험에 완벽합니다.
사용 방법
- GLSL 프래그먼트 셰이더 코드를 에디터에 직접 입력하거나 붙여넣으세요. 시작을 돕기 위한 기본 셰이더가 미리 제공됩니다.
- 입력하는 동안 라이브 미리보기가 실시간으로 업데이트되는 것을 확인하세요. 시간, 해상도, 마우스 위치 등 내장 유니폼을 활용할 수 있습니다.
- 셰이더를 PNG 스크린샷으로 내보내거나 코드를 복사하여 자신의 WebGL 프로젝트에 사용하세요.
결과
물결 효과를 프로토타이핑하는 게임 개발자가 사인파와 time 유니폼을 사용한 프래그먼트 셰이더를 작성하며, 미리보기 패널에서 애니메이션 결과가 실시간으로 업데이트되는 것을 지켜봅니다.