WebGPU (Chrome→124) में नया क्या है

François Beaufort
François Beaufort
GitHub

रीड-ओनली और रीड-राइट स्टोरेज टेक्सचर

स्टोरेज टेक्सचर बाइंडिंग टाइप की मदद से, शेडर, स्टोरेज टेक्सचर से पढ़ सकते हैं. इसके लिए, TEXTURE_BINDING का इस्तेमाल करने की ज़रूरत नहीं होती. साथ ही, कुछ फ़ॉर्मैट पर रीड और राइट, दोनों तरह के ऑपरेशन किए जा सकते हैं. अगर navigator.gpu.wgslLanguageFeatures में "readonly_and_readwrite_storage_textures" WGSL भाषा एक्सटेंशन मौजूद है, तो अब बाइंड ग्रुप लेआउट बनाते समय, GPUStorageTexture ऐक्सेस को "read-write" या "read-only" पर सेट किया जा सकता है. पहले, यह सुविधा सिर्फ़ "write-only" के लिए उपलब्ध थी.

इसके बाद, आपका WGSL शेडर कोड, स्टोरेज टेक्सचर के लिए read_write और read ऐक्सेस क्वालिफ़ायर का इस्तेमाल कर सकता है. साथ ही, textureLoad() और textureStore() के बिल्ट-इन फ़ंक्शन भी उसी के मुताबिक काम करते हैं. इसके अलावा, वर्कग्रुप में टेक्सचर मेमोरी ऐक्सेस को सिंक करने के लिए, textureBarrier() नाम का नया बिल्ट-इन फ़ंक्शन उपलब्ध है.

हमारा सुझाव है कि अपने WGSL शेडर कोड में सबसे ऊपर, requires readonly_and_readwrite_storage_textures; के साथ requires-directive का इस्तेमाल करें. इससे, कोड को अलग-अलग प्लैटफ़ॉर्म पर पोर्ट करने में आने वाली संभावित समस्याओं के बारे में पता चलता है. यहां दिया गया उदाहरण और dawn:1972 से जुड़ी समस्या देखें.

if (!navigator.gpu.wgslLanguageFeatures.has("readonly_and_readwrite_storage_textures")) {
  throw new Error("Read-only and read-write storage textures are not available");
}

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

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

const shaderModule = device.createShaderModule({ code: `
  requires readonly_and_readwrite_storage_textures;

  @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.

सर्विस वर्कर और शेयर किए गए वर्कर की सुविधा

Chrome में WebGPU, वेब वर्कर की सुविधा को अगले लेवल पर ले जाता है. अब यह सर्विस वर्कर और शेयर किए गए वर्कर, दोनों के साथ काम करता है. बैकग्राउंड में होने वाले टास्क और ऑफ़लाइन सुविधाओं को बेहतर बनाने के लिए, सर्विस वर्कर का इस्तेमाल किया जा सकता है. वहीं, स्क्रिप्ट के बीच संसाधनों को बेहतर तरीके से शेयर करने के लिए, शेयर किए गए वर्कर का इस्तेमाल किया जा सकता है. chromium:41494731 से जुड़ी समस्या देखें.

एक्सटेंशन सर्विस वर्कर में WebGPU का इस्तेमाल करने का तरीका जानने के लिए, Chrome एक्सटेंशन का सैंपल और WebLLM Chrome एक्सटेंशन देखें.

WebLLM Chrome एक्सटेंशन का स्क्रीनशॉट.
WebLLM Chrome एक्सटेंशन.

ऐडैप्टर की जानकारी के नए एट्रिब्यूट

अगर उपयोगकर्ता ने chrome://flags/#enable-webgpu-developer-features पर जाकर, "WebGPU डेवलपर सुविधाएं" फ़्लैग चालू किया है, तो requestAdapterInfo() को कॉल करने पर, नॉन-स्टैंडर्ड d3dShaderModel और vkDriverVersion ऐडैप्टर की जानकारी के एट्रिब्यूट अब उपलब्ध हैं. अगर ये एट्रिब्यूट काम करते हैं, तो:

https://webgpureport.org का स्क्रीनशॉट. इसमें अडैप्टर की जानकारी में vkDriverVersion दिख रहा है.
https://webgpureport.org पर, ऐडैप्टर की जानकारी में vkDriverVersion दिखाया गया है.

गड़बड़ियां ठीक की गईं

layout: "auto" का इस्तेमाल करके, मैचिंग बाइंडग्रुप वाले दो पाइपलाइन बनाने पर, पहले पाइपलाइन के साथ बाइंडग्रुप बनाया जाता है. इसके बाद, दूसरे पाइपलाइन पर इसका इस्तेमाल करने पर, अब GPUValidationError दिखता है. पहले, ऐसा करने की अनुमति थी. हालांकि, यह एक गड़बड़ी थी. इसे अब ठीक कर दिया गया है. साथ ही, इसके लिए सही टेस्ट भी किए गए हैं. dawn:2402 से जुड़ी समस्या देखें.

Dawn से जुड़े अपडेट

Dawn API में, wgpuDeviceSetUncapturedErrorCallback के साथ सेट किया गया, अनकैप्चर की गई गड़बड़ी का कॉलबैक अब जीपीयू डिवाइस के बंद होने के बाद कॉल नहीं किया जाता. इस सुधार की मदद से, Dawn को JavaScript API की खास जानकारी और Blink के लागू करने के तरीके के मुताबिक बनाया गया है. dawn:2459 से जुड़ी समस्या देखें.

इसमें सिर्फ़ कुछ ज़रूरी हाइलाइट शामिल हैं. कमिट की पूरी सूची देखें.

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