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

WebGPU의 새로운 기능 (Chrome 118)

François Beaufort

copyExternalImageToTexture()의 HTMLImageElement 및 ImageData 지원

GPUQueue의 copyExternalImageToTexture() 메서드를 사용하면 소스 이미지, 동영상 또는 캔버스에서 찍은 스냅샷을 지정된 GPUTexture에 복사할 수 있습니다. 이제 HTMLImageElement 및 ImageData 객체를 소스로 전달할 수 있습니다. 다음 예시와 chromium:1471372 문제를 참고하세요.

// Fetch and decode image.
const source = document.createElement("img");
source.src = "my-image.png";
await source.decode();

// Create destination texture.
const size = [source.width, source.height];
const texture = myDevice.createTexture({
 size,
 format: "rgba8unorm",
 usage:
   GPUTextureUsage.COPY_DST |
   GPUTextureUsage.RENDER_ATTACHMENT |
   GPUTextureUsage.TEXTURE_BINDING,
});

// Copies a snapshot taken from the source image into a texture.
myDevice.queue.copyExternalImageToTexture({ source }, { texture }, size);

읽기/쓰기 저장소 텍스처 및 읽기 전용 저장소 텍스처의 실험적 지원

저장소 텍스처 결합 유형을 사용하면 샘플링 없이 텍스처 읽기를 실행하고 셰이더의 임의 위치에 저장할 수 있습니다. "chromium-experimental-read-write-storage-texture" 기능을 GPUAdapter에서 사용할 수 있으면 이제 이 기능이 있는 GPUDevice를 요청하고 바인드 그룹 레이아웃을 만들 때 GPUStorageTexture 액세스를 "read-write" 또는 "read-only"로 설정할 수 있습니다. 이전에는 "write-only"로 제한되었습니다.

이 기능을 사용하려면 WGSL 코드에서 enable chromium_experimental_read_write_storage_texture를 사용하여 이 확장 프로그램을 명시적으로 사용 설정해야 합니다. 사용 설정하면 저장소 텍스처에 read_write 및 read 액세스 한정자를 사용할 수 있으며, textureLoad() 및 textureStore() 기본 제공 함수가 그에 따라 동작하고, 새 textureBarrier() 기본 제공 함수를 사용하여 작업 그룹의 텍스처 메모리 액세스를 동기화할 수 있습니다. 다음 예와 issue dawn:1972를 참고하세요.

이 기능은 아직 실험 단계이며 변경될 수 있습니다. 표준화가 진행되는 동안 --enable-dawn-features=allow_unsafe_apis 플래그를 사용하여 Chrome을 실행하여 이 기능을 사용할 수 있습니다.

const feature = "chromium-experimental-read-write-storage-texture";
const adapter = await navigator.gpu.requestAdapter();
if (!adapter.features.has(feature)) {
  throw new Error("Read-write storage texture support is not available");
}
// Explicitly request read-write storage texture support.
const device = await adapter.requestDevice({
  requiredFeatures: [feature],
});

const bindGroupLayout = device.createBindGroupLayout({
  entries: [{
    binding: 0,
    visibility: GPUShaderStage.COMPUTE,
    storageTexture: {
      access: "read-write", // <-- New!
      format: "r32uint",
    },
  }],
});

const shaderModule = device.createShaderModule({ code: `
  enable chromium_experimental_read_write_storage_texture;
  @group(0) @binding(0) var tex : texture_storage_2d<r32uint, read_write>;

  @compute @workgroup_size(1, 1)
  fn main(@builtin(local_invocation_id) local_id: vec3u) {
    var data = textureLoad(tex, vec2i(local_id.xy));
    data.x *= 2;
    textureStore(tex, vec2i(local_id.xy), data);
  }`,
});

// You can now create a compute pipeline with this shader module and
// send the appropriate commands to the GPU.

Dawn 업데이트

webgpu.h C API는 일관성을 위해 requiredFeaturesCount를 requiredFeatureCount, pipelineStatisticsCount를 pipelineStatisticCount, colorFormatsCount를 colorFormatCount로 이름을 바꿨습니다. 문제 dawn:146040을 참고하세요.

새로운 DawnInfo 프로그램 (vulkaninfo와 유사)을 사용하면 전환, 어댑터, 어댑터 기능, 어댑터 한도를 나열할 수 있습니다. dawn samples를 빌드할 때 사용할 수 있습니다. 다음은 편의상 대폭 잘린 출력입니다. 변경 dawn:149020을 참고하세요.

./out/Debug/DawnInfo
Toggles
=======
  Name: allow_unsafe_apis
    Suppresses validation errors on API entry points or parameter combinations
    that aren't considered secure yet.
    http://crbug.com/1138528
[…]

Adapter
=======
VendorID: 0x106B
Vendor: apple
Architecture: common-3
DeviceID: 0x0000
Name: Apple M1 Pro
Driver description: Metal driver on macOS Version 13.5.1 (Build 22G90)
Adapter Type: discrete GPU
Backend Type: Metal
Power: <undefined>

  Features
  ========
   * depth_clip_control
      Disable depth clipping of primitives to the clip volume
      https://bugs.chromium.org/p/dawn/issues/detail?id=1178
[…]

  Adapter Limits
  ==============
    maxTextureDimension1D: 16,384
    maxTextureDimension2D: 16,384
[…]

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