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 का इस्तेमाल करें. इससे, कोड को पोर्ट न किए जाने की संभावना के बारे में पता चलता है. यह उदाहरण देखें और issue 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, वेब वर्कर्स की सुविधा को अगले लेवल पर ले जाता है. अब यह सेवा वर्कर्स और शेयर किए गए वर्कर्स, दोनों के लिए काम करता है. बैकग्राउंड टास्क और ऑफ़लाइन सुविधाओं को बेहतर बनाने के लिए, सर्विस वर्कर का इस्तेमाल किया जा सकता है. साथ ही, सभी स्क्रिप्ट में संसाधनों को बेहतर तरीके से शेयर करने के लिए, शेयर किए गए वर्कर का इस्तेमाल किया जा सकता है. issue 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 दिखता है. इसे अनुमति देने की सुविधा लागू करने में एक गड़बड़ी थी. इसे अब सही टेस्ट की मदद से ठीक कर दिया गया है. issue dawn:2402 देखें.

Dawn के बारे में अपडेट

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

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

WebGPU में नया क्या है

WebGPU में नया क्या है सीरीज़ में शामिल सभी चीज़ों की सूची.

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