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

François Beaufort
François Beaufort
GitHub

पब्लिश किया गया: 22 अक्टूबर, 2025

टेक्स्चर फ़ॉर्मैट के लिए सहायता की सुविधाओं का दायरा बढ़ाया गया

जीपीयू की नई "texture-formats-tier1" सुविधा की मदद से, डेवलपर मौजूदा कॉन्टेंट को वेब पर पोर्ट कर सकते हैं. इसके लिए, उन्हें WebGPU की कम क्षमताओं के हिसाब से कॉन्टेंट को फिर से लिखने की ज़रूरत नहीं होती. यह सुविधा, "r16unorm", "r16snorm", "rg16unorm", "rg16snorm", "rgba16unorm", और "rgba16snorm" जैसे नए टेक्स्चर फ़ॉर्मैट के साथ काम करती है. इनमें रेंडर अटैचमेंट, ब्लेंड करने की सुविधा, मल्टीसैंपलिंग की क्षमताएं, और "read-only" या "write-only" स्टोरेज टेक्स्चर ऐक्सेस की सुविधा मिलती है. यह सुविधा, "r8snorm", "rg8snorm", "rgba8snorm" जैसे मौजूदा टेक्स्चर फ़ॉर्मैट के साथ भी काम करती है. इनमें रेंडर अटैचमेंट, ब्लेंड करने की सुविधा, मल्टीसैंपलिंग, और रिज़ॉल्व करने की क्षमताएं मिलती हैं. टेक्स्चर के अन्य फ़ॉर्मैट का इस्तेमाल, "read-only" या "write-only" स्टोरेज टेक्स्चर ऐक्सेस के साथ भी किया जा सकता है.

जीपीयू की नई "texture-formats-tier2" सुविधा की मदद से, खास फ़ॉर्मैट के लिए "read-write" स्टोरेज टेक्स्चर ऐक्सेस की सुविधा मिलती है. यह सुविधा, Unreal Engine को वेब पर पोर्ट करने जैसे प्रोजेक्ट के लिए ज़रूरी है. ध्यान दें कि डिवाइस बनाते समय, "texture-formats-tier2" को चालू करने पर, "texture-formats-tier1" अपने-आप चालू हो जाता है.

यहां दिया गया स्निपेट और chromestatus की एंट्री देखें.

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

const requiredFeatures = [];
if (adapter.features.has("texture-format-tier1")) {
  requiredFeatures.push("texture-format-tier1");
}
if (adapter.features.has("texture-format-tier2")) {
  requiredFeatures.push("texture-format-tier2");
}
const device = await adapter.requestDevice({ requiredFeatures });

// Later on, when dealing with "r8unorm" texture formats for example...
if (device.features.has("texture-format-tier2")) {
  // Use "read-write" storage texture access...
} else if (device.features.has("texture-format-tier1")) {
  // Use "read-only" or "write-only" storage texture access...
} else {
  // Fallback: Use another texture format...
}

Intel के लोगों को उनके काम के लिए बहुत-बहुत धन्यवाद!

WGSL में प्रिमिटिव इंडेक्स

primitive_index, WGSL की एक इन-बिल्ट वैल्यू है. इसकी मदद से, मौजूदा प्रिमिटिव (उदाहरण के लिए, कोई पॉइंट, लाइन या ट्राऐंगल) की खास तौर पर पहचान की जा सकती है. इसे फ़्रैगमेंट शेडर प्रोसेस करता है. यह 0 से शुरू होता है. हर प्रिमिटिव को प्रोसेस करने के बाद, इसकी वैल्यू 1 बढ़ जाती है. साथ ही, हर इंस्टेंस को ड्रॉ करने के बीच, यह 0 पर रीसेट हो जाता है.

अगर किसी GPUAdapter में "primitive-index" सुविधा उपलब्ध है, तो WGSL में प्रिमिटिव इंडेक्स की सुविधा पाने के लिए, इस सुविधा के साथ GPUDevice का अनुरोध करें. साथ ही, enable primitive_index; की मदद से, अपने WGSL कोड में इस एक्सटेंशन को साफ़ तौर पर चालू करें. चालू होने के बाद, अपने फ़्रैगमेंट शेडर में, primitive_index की इन-बिल्ट इंटिजर वैल्यू का इस्तेमाल करके, हर प्रिमिटिव का डेटा ऐक्सेस करें. इसके अलावा, ऐसा लॉजिक लागू करें जो रेंडर किए जा रहे हर अलग-अलग ज्यामितीय आकार के लिए अलग-अलग हो. उदाहरण के लिए, ऐसा लॉजिक लागू करें जो रेंडर किए जा रहे हर अलग-अलग ज्यामितीय आकार के लिए अलग-अलग हो.

यहां दिया गया कोड स्निपेट, एक फ़्रैगमेंट शेडर दिखाता है. यह शेडर, दूसरे प्रिमिटिव को लाल रंग में और बाकी सभी प्रिमिटिव को नीले रंग में रेंडर करता है.

const adapter = await navigator.gpu.requestAdapter();
if (!adapter.features.has("primitive-index")) {
  throw new Error("Primitive index support is not available");
}
// Explicitly request primitive index support.
const device = await adapter.requestDevice({
  requiredFeatures: ["primitive-index"],
});

const fragmentShaderModule = device.createShaderModule({ code: `
  enable primitive_index;

  @fragment
  fn main(@builtin(primitive_index) i : u32) -> @location(0) vec4f {
    if (i == 1) {
      return vec4f(1, 0, 0, 1);
    }
    return vec4f(0, 1, 0, 1);
  }`,
});
// Send the appropriate commands to the GPU...

ज़्यादा जानने के लिए, प्रिमिटिव पिकिंग का सैंपल देखें. साथ ही, chromestatus की एंट्री देखें.

3D टीपॉट मॉडल के ट्रायंगल को उनकी प्रिमिटिव इंडेक्स वैल्यू के आधार पर रंगा गया है.
"प्रिमिटिव इंडेक्स" मोड में, प्रिमिटिव पिकिंग का सैंपल.

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

मोनोलिथिक लाइब्रेरी के टाइप को मैनेज करने के लिए इस्तेमाल किए जाने वाले DAWN_BUILD_MONOLITHIC_LIBRARY CMake वैरिएबल की डिफ़ॉल्ट वैल्यू, OFF से बदलकर STATIC कर दी गई है. इससे, डिफ़ॉल्ट रूप से libwebgpu* फ़ाइलें जनरेट होंगी.

अब Dawn, wgpu::Surface को कॉन्फ़िगर करते समय, wgpu::PresentMode::Undefined को डिफ़ॉल्ट रूप से सही तरीके से मैनेज करता है. समस्या 441410668 देखें.

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

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