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

François Beaufort
François Beaufort

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

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

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

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

अडैप्टर की जानकारी में vkDriverVersion को दिखाने वाले https://webgpureport.org का स्क्रीनशॉट.
https://webgpureport.org पर दिखने वाली
अडैप्टर की जानकारीvkDriverVersion.

गड़बड़ी ठीक की गई

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

Dawn के अपडेट

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

इसमें सिर्फ़ कुछ खास बातों के बारे में बताया गया है. कमियों की पूरी सूची देखें.

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

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

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