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