이 페이지는 Cloud Translation API를 통해 번역되었습니다.

WebGPU의 새로운 기능 (Chrome 130)

François Beaufort

이중 소스 혼합

두 개의 프래그먼트 셰이더 출력을 단일 프레임버퍼로 결합하는 것을 이중 소스 혼합이라고 합니다. 이 기법은 Porter-Duff 블렌딩 모드를 기반으로 하는 애플리케이션과 같이 복잡한 블렌딩 작업이 필요한 애플리케이션에 특히 유용합니다. 후속 렌더링 패스를 단일 렌더링 패스로 대체하면 이중 소스 혼합으로 성능과 유연성을 향상할 수 있습니다.

새로운 "dual-source-blending" WebGPU 기능을 사용하면 @location(0)에서 WGSL @blend_src 속성을 사용하여 혼합 소스 색인과 다음 혼합 계수인 "src1", "one-minus-src1", "src1-alpha", "one-minus-src1-alpha"를 나타낼 수 있습니다. 다음 스니펫, chromestatus 항목, 문제 341973423을 참고하세요.

const adapter = await navigator.gpu.requestAdapter();
if (!adapter.features.has("dual-source-blending")) {
  throw new Error("Dual source blending support is not available");
}
// Explicitly request dual source blending support.
const device = await adapter.requestDevice({
  requiredFeatures: ["dual-source-blending"],
});

const code = `
  enable dual_source_blending;

  struct FragOut {
    @location(0) @blend_src(0) color : vec4f,
    @location(0) @blend_src(1) blend : vec4f,
  }

  @fragment fn main() -> FragOut {
    var output : FragOut;
    output.color = vec4f(1.0, 1.0, 1.0, 1.0);
    output.blend = vec4f(0.5, 0.5, 0.5, 0.5);
    return output;
  }
`;

const shaderModule = device.createShaderModule({ code });
// Create a render pipeline with this shader module
// and run the shader on the GPU...

Metal의 셰이더 컴파일 시간 개선

Chrome팀은 Metal 백엔드로 WebGPU를 지원하는 기기용 중간 표현식 (IR)을 도입하여 WebGPU 셰이더 언어 컴파일러인 Tint를 개선하고 있습니다. Tint의 추상 문법 트리 (AST)와 Metal 백엔드 작성기 사이에 위치한 이 IR은 컴파일러를 더 효율적이고 유지보수 가능하게 만들어 궁극적으로 개발자와 사용자 모두에게 도움이 됩니다. 초기 테스트에 따르면 새 버전의 Tint는 Unity의 WGSL 셰이더를 MSL로 변환할 때 최대 10배 더 빠릅니다.

플로우 차트는 WGSL 셰이더 코드를 하위 수준 GPU 명령어로 변환하는 프로세스를 보여줍니다. — macOS에서 렌더링 파이프라인을 만듭니다.

이러한 개선사항은 이미 Android 및 ChromeOS에서 액세스할 수 있으며 Metal 백엔드로 WebGPU를 지원하는 macOS 기기로 점진적으로 확장되고 있습니다. 문제 42251016을 참고하세요.

GPUAdapter requestAdapterInfo() 지원 중단

개발자는 이미 GPUAdapter info 속성을 사용하여 GPUAdapterInfo를 동기식으로 가져올 수 있으므로 GPUAdapter requestAdapterInfo() 비동기 메서드는 중복됩니다. 따라서 비표준 GPUAdapter requestAdapterInfo() 메서드는 이제 지원 중단되었습니다. 지원 중단 인텐트를 참고하세요.

DevTools 콘솔에 requestAdapterInfo()에 관한 지원 중단 경고가 표시됩니다. — Chrome DevTools에서 `requestAdapterInfo()`에 관한 지원 중단된 기능 경고가 표시됩니다.

Dawn 업데이트

webgpu.h C API는 확장자 구조체에 관한 몇 가지 이름 지정 규칙을 정의했습니다. 다음 이름 변경사항 및 문제 42241174를 참고하세요.

광고 확장 `WGPURenderPassDescriptor`개
`WGPURenderPassDescriptorMaxDrawCount ->`	`WGPURenderPassMaxDrawCount`
광고 확장 `WGPUShaderModuleDescriptor`개
`WGPUShaderModuleSPIRVDescriptor ->`	`WGPUShaderSourceSPIRV`
`WGPUShaderModuleWGSLDescriptor ->`	`WGPUShaderSourceWGSL`
광고 확장 `WGPUSurfaceDescriptor`개
`WGPUSurfaceDescriptorFromMetalLayer ->`	`WGPUSurfaceSourceMetalLayer`
`WGPUSurfaceDescriptorFromWindowsHWND ->`	`WGPUSurfaceSourceWindowsHWND`
`WGPUSurfaceDescriptorFromXlibWindow ->`	`WGPUSurfaceSourceXlibWindow`
`WGPUSurfaceDescriptorFromWaylandSurface ->`	`WGPUSurfaceSourceWaylandSurface`
`WGPUSurfaceDescriptorFromAndroidNativeWindow ->`	`WGPUSurfaceSourceAndroidNativeWindow`
`WGPUSurfaceDescriptorFromXcbWindow ->`	`WGPUSurfaceSourceXCBWindow`
`WGPUSurfaceDescriptorFromCanvasHTMLSelector ->`	`WGPUSurfaceSourceCanvasHTMLSelector_Emscripten`

WGPUDepthStencilState의 depthWriteEnabled 속성 유형이 불리언에서 WGPUOptionalBool로 전환되어 JavaScript API와 마찬가지로 가능한 세 가지 상태 (true, false, undefined)를 더 잘 반영합니다. 자세한 내용은 다음 코드 스니펫과 webgpu-headers PR을 참고하세요.

wgpu::DepthStencilState depthStencilState = {};
depthStencilState.depthWriteEnabled = wgpu::OptionalBool::True; // Undefined by default

여기에는 주요 내용 중 일부만 다룹니다. 전체 커밋 목록을 확인하세요.