WebGPU의 새로운 기능 (Chrome 146)

François Beaufort
François Beaufort

게시일: 2026년 2월 25일

OpenGL ES 3.1에서 WebGPU 호환성 모드 지원

WebGPU는 Vulkan, Metal, D3D12와 같은 최신 그래픽 API와 호환되도록 설계되었지만 많은 사용자가 이러한 표준을 지원하지 않는 이전 하드웨어를 사용하고 있습니다. 이러한 격차를 해소하고 광범위한 접근성을 보장하기 위해 Chrome은 호환성 모드라는 새로운 선택 기능 도입합니다.

이 모드를 사용하면 OpenGL ES 3.1과 같은 이전 그래픽 API에서 WebGPU를 실행할 수 있습니다. WebGPU 사양의 약간 제한된 하위 집합을 타겟팅하면 최신 게임 장비부터 이전 노트북 및 휴대기기까지 모든 사용자가 웹 앱에 액세스할 수 있습니다. Android부터 시작하여 팀은 OpenGL ES 3.1이 있는 ChromeOS 및 Direct3D 11이 있는 Windows와 같은 다른 기기 지원을 모색하고 있습니다.

많은 웹 앱의 경우 requestAdapter()를 호출할 때 featureLevel: "compatibility"를 전달하여 호환성 모드를 사용 설정할 수 있습니다. 기기가 Core WebGPU를 지원하는 경우 Chrome은 Core 지원 어댑터를 반환하지만 웹 앱은 "core-features-and-limits" 기능을 사용 설정하거나 사용 가능한 모든 기능을 사용 설정하지 않는 한 호환성 한도 내에 머물러야 합니다. 더 복잡한 애플리케이션의 경우 모드의 제한사항에 맞게 약간의 조정이 필요할 수 있습니다.

// Request a GPUAdapter in compatibility mode.
const adapter = await navigator.gpu.requestAdapter({ featureLevel: "compatibility" });
const device = await adapter.requestDevice();

이 모드의 특정 아키텍처 제한사항에 관한 자세한 내용은 WebGPU 기본사항 가이드를 참고하세요. 또한 이제 모든 WebGPU 샘플에서 호환성 모드를 지원합니다. 배송 의도도 읽어볼 수 있습니다.

임시 첨부파일

새로운 TRANSIENT_ATTACHMENT GPUTextureUsage 플래그를 사용하여 메모리 효율적인 첨부파일을 만들 수 있습니다. 이렇게 하면 렌더링 패스 작업이 타일 메모리에 유지되므로 VRAM 트래픽을 방지하고 텍스처의 VRAM 할당을 방지할 수 있습니다.

텍스처를 임시 또는 '메모리 없음'으로 선언하면 GPU는 텍스처의 콘텐츠가 일시적으로만 필요하다는 것을 알게 됩니다. 특히 현재 렌더링 패스 내에서만 필요합니다. 또한 렌더링 패스 후에 텍스처의 콘텐츠가 삭제되므로 드라이버가 VRAM을 할당하지 않아도 될 수 있습니다.

다음 예에서는 임시 텍스처를 만드는 방법을 보여줍니다.

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

if ('TRANSIENT_ATTACHMENT' in GPUTextureUsage) {

  const transientTexture = device.createTexture({
    size: [42, 42],
    // The TRANSIENT_ATTACHMENT flag indicates the texture content is temporary,
    // potentially keeping it in fast on-chip memory.
    usage: GPUTextureUsage.RENDER_ATTACHMENT | GPUTextureUsage.TRANSIENT_ATTACHMENT,
    format: 'rgba8unorm',
  });
}

Hello Triangle MSAA - WebGPU 샘플배송 의도를 참고하세요.

WGSL texture_and_sampler_let 확장 프로그램

WGSL 언어 확장 프로그램 texture_and_sampler_let을 사용하면 텍스처 또는 샘플러 변수를 WGSL 셰이더 내의 let에 할당할 수 있습니다. 이 기능은 현재 대체 이름 지정 메커니즘을 제공하고 텍스처 또는 샘플러를 반환하는 메서드를 로컬 변수에 직접 저장할 수 있는 바인드리스 지원을 준비합니다.

다음 예와 발송 의도를 참고하세요.

@group(0) @binding(0) var tex: texture_2d<f32>;
@group(1) @binding(0) var store : texture_storage_2d<r32float, read_write>;

@fragment fn main() {
    let a = tex;
    var res: vec4f = textureLoad(a, vec2i(1i), 0);

    textureStore(store, vec2i(0i), res);
}

Dawn 업데이트

다음과 같은 새로운 한도 계층을 사용할 수 있습니다.

  • maxStorageBuffersPerShaderStage는 최대 16개를 지원합니다. 문제 366151398을 참고하세요.

  • maxSampledTexturesPerShaderStage는 최대 48개를 지원합니다. 문제 475255737을 참고하세요.

Android에서는 추가 보안 계층을 제공하고 잘못된 입력으로 인한 드라이버 불안정을 방지하기 위해 SPIR-V 유효성 검사가 기본적으로 사용 설정됩니다. 문제 473526182를 참고하세요.

여기에서는 몇 가지 주요 하이라이트만 다룹니다. 커밋의 전체 목록을 확인하세요.

WebGPU의 새로운 기능

WebGPU의 새로운 기능 시리즈에서 다룬 모든 내용의 목록입니다.

Chrome 147~148

Chrome 146

Chrome 145

Chrome 144

Chrome 143

Chrome 142

Chrome 141

Chrome 140

Chrome 139

Chrome 138

Chrome 137

Chrome 136

Chrome 135

Chrome 134

Chrome 133

Chrome 132

Chrome 131

Chrome 130

Chrome 129

Chrome 128

Chrome 127

Chrome 126

Chrome 125

Chrome 124

Chrome 123

Chrome 122

Chrome 121

Chrome 120

Chrome 119

Chrome 118

Chrome 117

Chrome 116

Chrome 115

Chrome 114

Chrome 113