Firefox Nightly 빌드에는 이제 WebGPU 지원이 포함됩니다.

В 야간 파이어폭스 빌드 출연 한 사양 지원 웹 GPU, 개념적으로 API와 유사한 3D 그래픽 처리 및 GPU 측 컴퓨팅을 위한 프로그래밍 인터페이스를 제공합니다. VULKAN, 금속 и 다이렉트3D 12. 이 사양은 Mozilla, Google, Apple, Microsoft 및 커뮤니티 구성원이 개발 중입니다. 실무그룹, W3C 조직에서 만든 것입니다.

WebGPU의 주요 목표는 Windows, Metal의 Direct3D 3와 같은 최신 시스템 그래픽 API가 제공하는 12D 그래픽 기술 및 기능을 활용할 수 있도록 웹 플랫폼에 안전하고 사용자 친화적이며 이식 가능한 고성능 프로그래밍 인터페이스를 제공하는 것입니다. macOS에서는 Vulkan, Linux에서는 Vulkan을 사용합니다. 개념적으로 WebGPU는 Vulkan이 OpenGL과 다른 것과 거의 같은 방식으로 WebGL과 다르며 동시에 특정 그래픽 API를 기반으로 하지 않지만 일반적으로 Vulkan에서 발견되는 동일한 하위 수준 기본 요소를 사용하는 범용 레이어입니다. 메탈과 Direct3D.

WebGPU는 구성, 처리, GPU에 대한 명령 전송, 관련 리소스, 메모리, 버퍼, 텍스처 개체 및 컴파일된 그래픽 셰이더 관리에 대한 하위 수준 제어 기능을 JavaScript 애플리케이션에 제공합니다. 이 접근 방식을 사용하면 오버헤드 비용을 줄이고 GPU 작업 효율성을 높여 그래픽 애플리케이션의 성능을 높일 수 있습니다.

WebGPU를 사용하면 Vulkan, Metal 또는 Direct3D에 직접 액세스하지만 특정 플랫폼에 연결되지 않는 독립 실행형 프로그램보다 나쁘지 않게 작동하는 웹용 본격적인 복잡한 3D 프로젝트를 생성할 수 있습니다. WebGPU는 또한 WebAssembly 기술을 사용하여 기본 그래픽 프로그램을 웹 지원 형식으로 포팅할 때 추가 기능을 제공합니다. 3D 그래픽 외에도 WebGPU는 계산을 GPU로 오프로드하고 셰이더 개발을 지원하는 것과 관련된 기능도 포함합니다. 셰이더 수 WebGPU 셰이딩 언어로 생성되거나 중간 SPIR-V 형식으로 지정된 후 현재 드라이버에서 지원하는 셰이더 언어로 변환됩니다.

WebGPU는 별도의 리소스 관리, 준비 작업, GPU에 대한 명령 전송을 사용합니다(WebGL에서는 하나의 객체가 모든 것을 동시에 담당했습니다). 세 가지 별도의 컨텍스트가 제공됩니다.
텍스처, 버퍼 등의 리소스를 생성하기 위한 GPUDevice 렌더링 및 계산 단계를 포함하여 개별 명령을 인코딩하기 위한 GPUCommandEncoder GPUCommandBuffer는 GPU에서의 실행을 위해 대기열에 추가됩니다. 결과는 하나 이상의 캔버스 요소와 연결된 영역에서 렌더링되거나 출력 없이 처리될 수 있습니다(예: 컴퓨팅 작업을 실행할 때). 단계를 분리하면 리소스 생성 및 준비 작업을 서로 다른 스레드에서 실행할 수 있는 서로 다른 처리기로 더 쉽게 분리할 수 있습니다.

WebGPU와 WebGL의 두 번째 차이점은 상태 처리에 대한 접근 방식이 다르다는 것입니다. WebGPU는 GPURenderPipeline과 GPUComputePipeline이라는 두 가지 개체를 제공합니다. 이를 통해 개발자가 미리 정의한 다양한 상태를 결합할 수 있으며, 이를 통해 브라우저는 셰이더 재컴파일과 같은 추가 작업에 리소스를 낭비하지 않아도 됩니다. 지원되는 상태에는 셰이더, 정점 버퍼 및 속성 레이아웃, 고정 그룹 레이아웃, 블렌딩, 깊이 및 패턴, 렌더링 후 출력 형식이 포함됩니다.

WebGPU의 세 번째 기능은 크게 바인딩 모델(Binding Model)이라고 합니다.
Vulkan에 있는 리소스 그룹화 도구를 연상시킵니다.
리소스를 함께 그룹화하기 위해 WebGPU는 명령을 작성하는 동안 셰이더에서 사용할 수 있도록 다른 유사한 개체와 연결할 수 있는 GPUBindGroup 개체를 제공합니다. 이러한 그룹을 생성하면 드라이버가 필요한 준비 작업을 미리 수행할 수 있고 브라우저가 그리기 호출 간의 리소스 바인딩을 훨씬 빠르게 변경할 수 있습니다. 리소스 바인딩의 레이아웃은 GPUBindGroupLayout 개체를 사용하여 미리 정의할 수 있습니다.

Firefox의 경우 about:config에서 WebGPU를 활성화하려면 "dom.webgpu.enabled" 설정이 있습니다. CanvasContext 렌더링을 사용하려면 합성도 활성화해야 합니다. Web 렌더 (about:config의 "gfx.webrender.all"), Rust로 작성되었으며 페이지 콘텐츠 렌더링 작업을 GPU에 아웃소싱합니다. WebGPU 구현은 프로젝트 코드를 기반으로 합니다.
wgpu, Rust로 작성되었으며 Linux, Android, Windows 및 macOS의 DX12, Vulkan 및 Metal API 위에서 실행될 수 있습니다(DX11 및 OpenGL ES 3.0 지원도 개발 중입니다). 동시에 Google은 다음에서 사용할 수 있는 또 다른 구현을 개발하고 있습니다. 카나리아 가지 Chromium은 "chrome://flags/#enable-unsafe-webgpu" 플래그를 사용하여 활성화되지만 지금까지는 macOS 및 Windows에서만 작동합니다.

출처 : opennet.ru