GN⁺: WebGPU Unleashed: 실용적인 튜토리얼 - 인터랙티브한 무료 e북
(shi-yan.github.io)- JavaScript를 사용한 WebGPU 그래픽 프로그래밍을 다루는 무료 이북
- 책을 쓴 이유
- 친구의 자녀가 그래픽 프로그래밍을 시작하려면 무엇을 배워야 하는지 질문받음
- 과거에는 OpenGL과 DirectX가 초보자에게 추천되었음
- 최근에는 Vulkan, Metal, DirectX 12와 같은 새로운 API들이 등장했지만, 이들은 코드가 더 복잡하고 플랫폼에 따라 다름
- WebGPU는 웹에서 네이티브 그래픽 기능을 제공하는 새로운 그래픽 API임
- 다른 API와 달리 WebGPU는 여러 API의 래퍼 역할을 함
- WebGPU의 장점:
- 다른 API의 공통 분모로서 상대적으로 간단함
- 웹 그래픽 API 표준으로 모든 플랫폼에서 사용 가능함
- 네이티브 개발에 관심 있는 사람들을 위해 C++ 및 Rust 구현도 제공됨
- GPU 드라이버와 GPU 파이프라인에 대한 개요부터 시작
- 많은 학생들이 간단한 그래픽 애플리케이션을 구현할 수 있지만, GPU 드라이버와 하드웨어 상호작용에 대한 이해가 부족함
- 그리고 WebGPU의 기본 사용법을 배움
- 삼각형 그리기: 3D 그래픽의 기본 요소
- 2D 렌더링 기술과 3D 장면 제어
- 고급 주제
- WebGPU를 사용한 GPU 컴퓨팅과 고급 렌더링 기술 설명
- WebGL에서는 불가능했던 웹에서의 GPU 컴퓨팅이 가능해짐
- GPU AI 추론과 같은 흥미로운 가능성이 열림
- 최종 튜토리얼: Gaussian Splatting 렌더링
- GPU 컴퓨팅과 렌더링을 결합한 복잡한 예제
- Gaussian Splatting은 현실적인 3D 장면을 실시간으로 렌더링할 수 있는 최신 기술임
- 전통적인 책 대신 인터랙티브 웹 형식으로 제공됨
- 비디오를 통한 개념 설명, 링크를 통한 참조 인용, 코드 샘플을 실행하고 수정할 수 있는 온라인 플레이그라운드 제공
GN⁺의 정리
- "WebGPU Unleashed"는 JavaScript를 사용한 WebGPU 그래픽 프로그래밍을 쉽게 배울 수 있는 무료 책임
- WebGPU는 여러 그래픽 API의 공통 분모로서 상대적으로 간단하고 모든 플랫폼에서 사용 가능함
- 책은 GPU 드라이버와 파이프라인 개요부터 시작해 기본 삼각형 그리기, 2D 및 3D 렌더링 기술, 고급 GPU 컴퓨팅까지 다룸
- Gaussian Splatting과 같은 최신 기술을 통해 현실적인 3D 장면을 실시간으로 렌더링하는 방법을 배울 수 있음
- 인터랙티브 웹 형식으로 제공되어 비디오, 링크, 온라인 플레이그라운드를 통해 학습 효과를 높임
Hacker News 의견
-
WebGPU 프로젝트를 진행하면서 많은 정보를 찾기 어려웠음
- WGSL 언어와 JS API는 문서화가 잘 되어 있지만, 관련된 질문에 대한 답을 찾기 위해 많은 노력이 필요함
- Firefox에서 여러 버그를 신고했으며, 몇 가지 문제를 해결해야 함
-
WebGPU에 깊이 들어가고자 하는 사람에게 매우 인상적이고 흥미로움
- Safari에서 playground 코드가 완전히 작동하지 않음
- Safari를 재시작하니 문제 해결됨
- 책의 표지가 예제에 따라 변경되면 좋겠음
-
WebGPU를 배우기 위해 작은 게임 프로토타입을 시작하려고 함
- 이 책을 통해 학습을 시작할 계획임
-
하이퍼링크된 코드 플레이그라운드 개념이 환상적임
- 책의 내용도 훌륭함
- 사이드 프로젝트로 진행된 것에 대해 축하와 감사의 인사를 전함
-
훌륭한 책에 감사함
- 모바일 뷰포트에서 특히 Firefox에서 렌더링 문제가 있음
- 내비게이션이 깨지고 콘텐츠 스크롤이 잘 되지 않음
-
매우 멋지고 큰 노력을 기울인 것 같음
-
프로젝트가 완전히 끝나지 않았더라도 너무 자책하지 말라는 조언
- 커뮤니티의 도움을 받아 개선할 수 있음
-
Firefox에서 WebGPU가 기본적으로 활성화되지 않은 이유에 대한 질문
-
무료로 제공되는 많은 좋은 콘텐츠에 감사함
- 젊은 사람이 이와 같은 자원을 찾고 있었음
- 비디오에 집중하고 실제로 흥미롭게 만드는 점을 좋아함
- 교육 콘텐츠와 비디오 제작을 통해 재정적 지원을 받을 수 있는 방법을 제안함