# WebGPU Unleashed: 실용적인 튜토리얼 - 인터랙티브한 무료 e북

> Clean Markdown view of GeekNews topic #16184. Use the original source for factual precision when an external source URL is present.

## Metadata

- GeekNews HTML: [https://news.hada.io/topic?id=16184](https://news.hada.io/topic?id=16184)
- GeekNews Markdown: [https://news.hada.io/topic/16184.md](https://news.hada.io/topic/16184.md)
- Type: GN+
- Author: [neo](https://news.hada.io/@neo)
- Published: 2024-08-05T19:33:38+09:00
- Updated: 2024-08-05T19:33:38+09:00
- Original source: [shi-yan.github.io](https://shi-yan.github.io/webgpuunleashed/)
- Points: 24
- Comments: 1

## Summary

이 책은 JavaScript를 사용한 WebGPU 그래픽 프로그래밍을 쉽게 배울 수 있는 무료 이북으로, 여러 그래픽 API의 공통 분모로서 상대적으로 간단하고 모든 플랫폼에서 사용 가능합니다. GPU 드라이버와 파이프라인 개요부터 시작해 기본 삼각형 그리기, 2D 및 3D 렌더링 기술, 고급 GPU 컴퓨팅까지 다루며, 최신 기술인 Gaussian Splatting을 통해 현실적인 3D 장면을 실시간으로 렌더링하는 방법을 배울 수 있습니다. 또한, 인터랙티브 웹 형식으로 제공되어 비디오, 링크, 온라인 플레이그라운드를 통해 학습 효과를 높여줍니다.

## Topic Body

- 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 장면을 실시간으로 렌더링하는 방법을 배울 수 있음  
- 인터랙티브 웹 형식으로 제공되어 비디오, 링크, 온라인 플레이그라운드를 통해 학습 효과를 높임

## Comments



### Comment 27806

- Author: neo
- Created: 2024-08-05T19:33:39+09:00
- Points: 2

###### [Hacker News 의견](https://news.ycombinator.com/item?id=41156872) 
- WebGPU 프로젝트를 진행하면서 많은 정보를 찾기 어려웠음
  - WGSL 언어와 JS API는 문서화가 잘 되어 있지만, 관련된 질문에 대한 답을 찾기 위해 많은 노력이 필요함
  - Firefox에서 여러 버그를 신고했으며, 몇 가지 문제를 해결해야 함

- WebGPU에 깊이 들어가고자 하는 사람에게 매우 인상적이고 흥미로움
  - Safari에서 playground 코드가 완전히 작동하지 않음
  - Safari를 재시작하니 문제 해결됨
  - 책의 표지가 예제에 따라 변경되면 좋겠음

- WebGPU를 배우기 위해 작은 게임 프로토타입을 시작하려고 함
  - 이 책을 통해 학습을 시작할 계획임

- 하이퍼링크된 코드 플레이그라운드 개념이 환상적임
  - 책의 내용도 훌륭함
  - 사이드 프로젝트로 진행된 것에 대해 축하와 감사의 인사를 전함

- 훌륭한 책에 감사함
  - 모바일 뷰포트에서 특히 Firefox에서 렌더링 문제가 있음
  - 내비게이션이 깨지고 콘텐츠 스크롤이 잘 되지 않음

- 매우 멋지고 큰 노력을 기울인 것 같음

- 프로젝트가 완전히 끝나지 않았더라도 너무 자책하지 말라는 조언
  - 커뮤니티의 도움을 받아 개선할 수 있음

- Firefox에서 WebGPU가 기본적으로 활성화되지 않은 이유에 대한 질문

- 무료로 제공되는 많은 좋은 콘텐츠에 감사함
  - 젊은 사람이 이와 같은 자원을 찾고 있었음
  - 비디오에 집중하고 실제로 흥미롭게 만드는 점을 좋아함
  - 교육 콘텐츠와 비디오 제작을 통해 재정적 지원을 받을 수 있는 방법을 제안함