|
| 1 | +Title: WebGPU 리소스 |
| 2 | +Description: 다양한 WebGPU 리소스 |
| 3 | +TOC: 리소스 / 참고자료 |
| 4 | + |
| 5 | +다른 WebGPU 리소스들입니다 |
| 6 | + |
| 7 | +# 글/문서 |
| 8 | + |
| 9 | +* [Your first WebGPU app](https://codelabs.developers.google.com/your-first-webgpu-app#0) - 첫 번째 WebGPU 앱 |
| 10 | +* [Tour of WGSL](https://google.github.io/tour-of-wgsl/) - WGSL 둘러보기 |
| 11 | +* [WebGPU Unleashed: A practical tutorial](https://shi-yan.github.io/webgpuunleashed/) - WebGPU 실용 튜토리얼 |
| 12 | +* [Efficiently rendering glTF models](https://toji.github.io/webgpu-gltf-case-study/) - glTF 모델 효율적 렌더링 |
| 13 | +* [WebGPU Best Practices](https://toji.dev/webgpu-best-practices/) - WebGPU 모범 사례 |
| 14 | +* [Rosetta](https://toji.github.io/rosetta/) - 여러 셰이더 언어로 셰이더 비교 |
| 15 | +* [3D Graphics Beginner Tutorials and Projects](https://shrekshao.github.io/3d-graphics-beginner-projects/) - 3D 그래픽 초심자 튜토리얼과 프로젝트 |
| 16 | +* [WebGPU Render Bundle Best Practices](https://toji.dev/webgpu-best-practices/render-bundles) - WebGPU 렌더 번들 모범 사례 |
| 17 | + |
| 18 | +# 예제 |
| 19 | + |
| 20 | +* [WebGPU Samples](https://webgpu.github.io/webgpu-samples/) - WebGPU 샘플 |
| 21 | +* [WebGPU Deferred Rendering](https://github.com/toji/burrow) - WebGPU 지연 렌더링 |
| 22 | +* [WebGPU Shadow Playground](https://toji.github.io/webgpu-shadow-playground/) - WebGPU 그림자 플레이그라운드 |
| 23 | +* [WebGPU Metaballs](https://toji.github.io/webgpu-metaballs/) - WebGPU 메타볼 |
| 24 | +* [Shadertoy example in WebGPU](https://jsgist.org/?src=a17b03b88c86c08ac621298dae50e30b) - WebGPU로 만든 Shadertoy 예제 |
| 25 | +* [Shader Graph WGSL](https://deepkolos.github.io/shader-graph-wgsl/) - 셰이더 그래프 WGSL |
| 26 | +* [Compute Toys](https://compute.toys) - 컴퓨트 토이즈 |
| 27 | + |
| 28 | +# 디버깅 / 프로파일링 |
| 29 | + |
| 30 | +* [Profiling WebGPU with PIX (Windows Only)](https://toji.dev/webgpu-profiling/pix) - PIX로 WebGPU 프로파일링 (Windows 전용) |
| 31 | + |
| 32 | +# 도구 |
| 33 | + |
| 34 | +* [WebGPUReport.org](https://webgpureport.org) - 사용중인 브라우저의 WebGPU 기능들을 보여줍니다 |
| 35 | + |
| 36 | +--- |
| 37 | + |
| 38 | +# <a id="a-libraries"></a>라이브러리 |
| 39 | + |
| 40 | +## 3D 라이브러리 |
| 41 | + |
| 42 | +* [three.js](https://threejs.org) [예제](https://threejs.org/examples/?q=webgpu) |
| 43 | +* [babylon.js](https://www.babylonjs.com/) |
| 44 | + |
| 45 | +## 유틸리티 |
| 46 | + |
| 47 | +* [webgpu-utils](https://github.com/greggman/webgpu-utils) - 유니폼 버퍼 데이터 설정 등을 도와줍니다 |
| 48 | +* [wgsl-struct-buffer](https://github.com/deepkolos/wgsl-struct-buffer) - 타입 체크와 추론을 지원하는 TypeScript용 WGSL 구조체 버퍼 뷰 |
| 49 | +* [TypeGPU](https://typegpu.com) - 타입 안전하고 선언적인 방식으로 WebGPU 리소스 관리를 가능하게 합니다 |
| 50 | + |
| 51 | +## 디버깅 / 프로파일링 라이브러리 |
| 52 | + |
| 53 | +* [webgpu_inspector](https://github.com/brendan-duncan/webgpu_inspector) - WebGPU 리소스와 명령어를 검사합니다 |
| 54 | +* [webgpu-dev-extension](https://github.com/greggman/webgpu-dev-extension) - 디버깅과 개발을 위한 다양한 도우미 확장 |
| 55 | +* [webgpu-helpers](https://github.com/greggman/webgpu-helpers) - 디버깅과 개발을 위한 다양한 도우미 |
| 56 | +* [webgpu-memory](https://github.com/greggman/webgpu-memory) - 사용 중인 메모리 양을 알려줍니다 |
| 57 | +* [webgpu-avoid-redundant-state-setting](https://github.com/greggman/webgpu-avoid-redundant-state-setting) - 중복된 WebGPU 호출을 확인합니다 |
| 58 | +* [webgpu_recorder](https://github.com/brendan-duncan/webgpu_recorder) - WebGPU를 .HTML 파일로 기록합니다. 버그/이슈의 독립적인 저장소를 만드는 데 도움이 됩니다 |
| 59 | + |
0 commit comments