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-directive का इस्तेमाल करें. इससे, requires readonly_and_readwrite_storage_textures; के साथ पोर्टेबिलिटी न होने की संभावना के बारे में जानकारी मिलती है. यहां दिया गया उदाहरण और 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 ऐडैप्टर की जानकारी के एट्रिब्यूट उपलब्ध हैं. अगर यह सुविधा उपलब्ध है, तो:

  • d3dShaderModel, D3D शेडर मॉडल का वह नंबर है जो ज़्यादा से ज़्यादा इस्तेमाल किया जा सकता है. उदाहरण के लिए, वैल्यू 62 से पता चलता है कि मौजूदा ड्राइवर, HLSL SM 6.2 के साथ काम करता है. दस्तावेज़ और issue dawn:1254 देखें.

  • vkDriverVersion, Vulkan ड्राइवर का वह वर्शन नंबर है जो वेंडर ने तय किया है. दस्तावेज़ और chromium:327457605 समस्या देखें.

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

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

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

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

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

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

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

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

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