WebGPU'da Yenilikler (Chrome 137)

François Beaufort
François Beaufort
GitHub

Yayınlanma tarihi: 26 Mayıs 2025

Harici doku bağlama için doku görünümünü kullanma

Artık GPUBindGroup oluştururken GPUExternalTexture bağlama yerine uyumlu bir GPUTextureView (2D, tek alt kaynak) kullanılabiliyor.

Bu, hem GPUExternalTexture (kaynak video için) hem de GPUTextureView'in (ara işleme için) işlenmesi gereken video efektleri işlem hatlarındaki gölgelendirici mantığını basitleştirir. Ayrıca, dokunun nereden geldiğine bağlı olarak gölgelendiricilerin dinamik olarak derlenmesi ihtiyacını da azaltır. Intent to Ship: WebGPU: GPUTextureView for externalTexture binding başlıklı makaleyi inceleyin.

const texture = myDevice.createTexture({
  size: [42, 42],
  format: navigator.gpu.getPreferredCanvasFormat(),
  usage: GPUTextureUsage.RENDER_ATTACHMENT | GPUTextureUsage.TEXTURE_BINDING,
});

const code = `
@group(0) @binding(0) var texture : texture_external;
@group(0) @binding(1) var<storage, read_write> buffer: vec2u;
    
@compute @workgroup_size(1) fn main() {
  buffer = textureDimensions(texture);
}`;

const pipeline = myDevice.createComputePipeline({
  layout: "auto",
  compute: { module: myDevice.createShaderModule({ code }) },
});

const bindGroup = myDevice.createBindGroup({
  layout: pipeline.getBindGroupLayout(0),
  entries: [
    { binding: 0, resource: texture.createView() }, // Use texture view for an externalTexture binding
    { binding: 1, resource: { buffer: myBuffer } },
  ],
});

Arabellekler, ofsetleri ve boyutu belirtmeden kopyalanıyor

Yeni bir GPUCommandEncoder yöntemi aşırı yüklemesi, geliştiricilerin copyBufferToBuffer() kullanırken ofset ve boyut parametrelerini atlamasına olanak tanıyarak tüm arabelleklerin kopyalanmasını kolaylaştırır. Intent to Ship: WebGPU: copyBufferToBuffer overload başlıklı makaleyi inceleyin.

const size = 42;
const srcBuffer = myDevice.createBuffer({
  size,
  usage: GPUBufferUsage.STORAGE | GPUBufferUsage.COPY_SRC,
});
const dstBuffer = myDevice.createBuffer({
  size,
  usage: GPUBufferUsage.COPY_DST | GPUBufferUsage.MAP_READ,
});

// Copy entire buffer.
myCommandEncoder.copyBufferToBuffer(srcBuffer, dstBuffer);

// This is the same as the following.
// myCommandEncoder.copyBufferToBuffer(srcBuffer, 0, dstBuffer, 0, size);

WGSL workgroupUniformLoad, atomik işaretçi kullanıyor

Geliştiricilerin rahatlığı için WGSL'ye yeni bir workgroupUniformLoad(ptr) aşırı yüklemesi eklendi. ptr tarafından işaret edilen değeri atomik olarak yükler ve iş grubundaki tüm çağırmalara döndürür. Burada ptr, bir iş grubu değişkeninin içindeki atomik işaretçidir. 408241039 numaralı soruna bakın.

@group(0) @binding(0) var<storage, read_write> buffer : array<u32, 1>;

var<workgroup> wgvar : atomic<u32>;

@compute @workgroup_size(1, 1)
fn main(@builtin(local_invocation_index) lid: u32) {
  if (lid == 0) {
    atomicStore(&(wgvar), 42u);
  }
  buffer[lid] = workgroupUniformLoad(&wgvar);
}

GPUAdapterInfo powerPreference özelliği

Kullanıcı chrome://flags/#enable-webgpu-developer-features adresinde "WebGPU Developer Features" (WebGPU Geliştirici Özellikleri) işaretini etkinleştirdiğinde standart olmayan powerPreference GPUAdapterInfo dize özelliği kullanılabilir. Destekleniyorsa powerPreference değeri, GPURequestAdapterOptions içinde kullanılan GPUPowerPreference değerine bağlı olarak "low-power" veya "high-performance" olabilir. CL 6438860 numaralı belgeye bakın.

function checkPowerPreferenceForGpuDevice(device) {
  const powerPreference = device.adapterInfo.powerPreference;
  if (powerPreference === "high-performance") {
    // High-performance GPU detected. Enabling enhanced graphics settings.
  } else if (powerPreference === "low-power") {
    // Low-power GPU detected. Optimizing for battery life.
  }
}

GPURequestAdapterOptions compatibilityMode özelliğini kaldırın

Deneysel GPURequestAdapterOptions compatibilityMode özelliği, Chrome 133'te eklenen standartlaştırılmış featureLevel özelliği lehine kaldırıldı. 366151404 numaralı soruna bakın.

Dawn ile ilgili güncellemeler

Geliştiriciler, hem WebAssembly'yi hem de belirli platformları hedeflemek için webgpu.h'yi kullanarak C++ gibi dillerde WebGPU projeleri oluşturabilir. Dawn'ın yeni yayınlanan "emdawnwebgpu" ("Emscripten Dawn WebGPU") sürümü, tarayıcı API'si üzerinden en son standartlaştırılmış webgpu.h'yi uygular.

Emdawnwebgpu, Emscripten'in (artık desteklenmeyen) yerleşik bağlamalarının (USE_WEBGPU) (bakımı yapılan) bir çatallanmış sürümüdür. Tüm yeni geliştirmeler emdawnwebgpu üzerinde yapılmaktadır ve geliştiriciler emdawnwebgpu'ya geçiş yaptıkça Emscripten'in yerleşik bağlamaları kaldırılacaktır. Emdawnwebgpu'nun C başlığı Dawn'ınkine çok yakınken yerleşik bağlamalar önemli ölçüde eski.

Dawn'ın GitHub yayınları sayfasından emdawnwebgpu'yu indirin ve nasıl kullanacağınızla ilgili bilgi için paketin README.md dosyasını okuyun. Kaynak dosyaları Dawn deposunda bulabilirsiniz.

Tam kılavuz için güncellenmiş WebGPU ile uygulama oluşturma dokümanına göz atın.

Bu, yalnızca önemli noktalardan bazılarını kapsar. Kapsamlı commit listesine göz atın.

WebGPU'daki yenilikler

WebGPU'daki Yenilikler serisinde ele alınan tüm konuların listesi.

Chrome 155-156

Chrome 153-154

Chrome 151-152

Chrome 149-150

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