WebGPU — 브라우저에서 GPU 연산 활용하기

WebGPU란

WebGL의 후속으로, 현대 GPU API(Vulkan, Metal, D3D12)에 맞춰 설계된 웹 GPU API입니다.

기본 사용

const adapter = await navigator.gpu.requestAdapter();
const device = await adapter.requestDevice();

// 컴퓨트 셰이더
const shaderModule = device.createShaderModule({
  code: `
    @compute @workgroup_size(64)
    fn main(@builtin(global_invocation_id) id: vec3u) {
      output[id.x] = input[id.x] * 2.0;
    }
  `,
});

활용 사례

• 브라우저 내 AI 모델 추론
• 실시간 3D 렌더링
• 대규모 데이터 시각화