다른 WebGPU 리소스들입니다

글/문서

• Your first WebGPU app - 첫 번째 WebGPU 앱
• Tour of WGSL - WGSL 둘러보기
• WebGPU Unleashed: A practical tutorial - WebGPU 실용 튜토리얼
• Efficiently rendering glTF models - glTF 모델 효율적 렌더링
• WebGPU Best Practices - WebGPU 모범 사례
• Rosetta - 여러 셰이더 언어로 셰이더 비교
• 3D Graphics Beginner Tutorials and Projects - 3D 그래픽 초심자 튜토리얼과 프로젝트
• WebGPU Render Bundle Best Practices - WebGPU 렌더 번들 모범 사례

예제

• WebGPU Samples - WebGPU 샘플
• WebGPU Deferred Rendering - WebGPU 지연 렌더링
• WebGPU Shadow Playground - WebGPU 그림자 플레이그라운드
• WebGPU Metaballs - WebGPU 메타볼
• Shadertoy example in WebGPU - WebGPU로 만든 Shadertoy 예제
• Shader Graph WGSL - 셰이더 그래프 WGSL
• Compute Toys - 컴퓨트 토이즈

디버깅 / 프로파일링

• Profiling WebGPU with PIX (Windows Only) - PIX로 WebGPU 프로파일링 (Windows 전용)

도구

• WebGPUReport.org - 사용중인 브라우저의 WebGPU 기능들을 보여줍니다

라이브러리

3D 라이브러리

• three.js 예제
• babylon.js

유틸리티

• webgpu-utils - 유니폼 버퍼 데이터 설정 등을 도와줍니다
• wgsl-struct-buffer - 타입 체크와 추론을 지원하는 TypeScript용 WGSL 구조체 버퍼 뷰
• TypeGPU - 타입 안전하고 선언적인 방식으로 WebGPU 리소스 관리를 가능하게 합니다

디버깅 / 프로파일링 라이브러리

• webgpu_inspector - WebGPU 리소스와 명령어를 검사합니다
• webgpu-dev-extension - 디버깅과 개발을 위한 다양한 도우미 확장
• webgpu-helpers - 디버깅과 개발을 위한 다양한 도우미
• webgpu-memory - 사용 중인 메모리 양을 알려줍니다
• webgpu-avoid-redundant-state-setting - 중복된 WebGPU 호출을 확인합니다
• webgpu_recorder - WebGPU를 .HTML 파일로 기록합니다. 버그/이슈의 독립적인 저장소를 만드는 데 도움이 됩니다