इस पेज का अनुवाद Cloud Translation API से किया गया है.

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

François Beaufort

दो सोर्स को ब्लेंड करना

दो फ़्रैगमेंट शेडर आउटपुट को एक फ़्रेमबफ़र में मिलाने की प्रोसेस को डुअल सोर्स ब्लेंडिंग कहा जाता है. यह तकनीक खास तौर पर उन ऐप्लिकेशन के लिए मददगार है जिनमें जटिल ब्लेंडिंग ऑपरेशन की ज़रूरत होती है. जैसे, Porter-Duff ब्लेंड मोड पर आधारित ऐप्लिकेशन. बाद के रेंडर पास को एक रेंडर पास से बदलकर, डुअल सोर्स ब्लेंडिंग की परफ़ॉर्मेंस और फ़्लेक्सिबिलिटी को बेहतर बनाया जा सकता है.

"dual-source-blending" WebGPU की नई सुविधा की मदद से, @location(0) पर WGSL @blend_src एट्रिब्यूट का इस्तेमाल किया जा सकता है. इससे ब्लेंडिंग सोर्स इंडेक्स और यहां दिए गए ब्लेंड फ़ैक्टर के बारे में पता चलता है: "src1", "one-minus-src1", "src1-alpha", और "one-minus-src1-alpha". यहां दिया गया स्निपेट, chromestatus एंट्री, और समस्या 341973423 देखें.

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

const code = `
  enable dual_source_blending;

  struct FragOut {
    @location(0) @blend_src(0) color : vec4f,
    @location(0) @blend_src(1) blend : vec4f,
  }

  @fragment fn main() -> FragOut {
    var output : FragOut;
    output.color = vec4f(1.0, 1.0, 1.0, 1.0);
    output.blend = vec4f(0.5, 0.5, 0.5, 0.5);
    return output;
  }
`;

const shaderModule = device.createShaderModule({ code });
// Create a render pipeline with this shader module
// and run the shader on the GPU...

Metal पर शेडर कंपाइलेशन के समय में सुधार

Chrome की टीम, WebGPU शेडर लैंग्वेज कंपाइलर Tint को बेहतर बना रही है. इसके लिए, Metal बैकएंड के साथ WebGPU का इस्तेमाल करने वाले डिवाइसों के लिए, इंटरमीडिएट रिप्रेजेंटेशन (आईआर) पेश किया जा रहा है. यह आईआर, Tint के ऐब्स्ट्रैक्ट सिंटैक्स ट्री (एएसटी) और Metal बैकएंड राइटर के बीच में मौजूद है. इससे कंपाइलर ज़्यादा बेहतर तरीके से काम कर पाएगा और उसे बनाए रखना आसान होगा. इससे डेवलपर और उपयोगकर्ताओं, दोनों को फ़ायदा मिलेगा. शुरुआती टेस्ट से पता चला है कि Unity के WGSL शेडर को MSL में बदलने के लिए, Tint का नया वर्शन 10 गुना ज़्यादा तेज़ है.

फ़्लोचार्ट में, WGSL शेडर कोड को लो-लेवल जीपीयू निर्देशों में बदलने की प्रोसेस दिखाई गई है. — macOS में रेंडर पाइपलाइन बनाना.

ये सुधार, Android और ChromeOS पर पहले से उपलब्ध हैं. अब इन्हें धीरे-धीरे उन macOS डिवाइसों के लिए भी उपलब्ध कराया जा रहा है जिन पर Metal बैकएंड के साथ WebGPU काम करता है. समस्या 42251016 देखें.

GPUAdapter requestAdapterInfo() के काम न करने के बारे में जानकारी

GPUAdapter requestAdapterInfo() एसिंक्रोनस तरीके की ज़रूरत नहीं है, क्योंकि डेवलपर पहले से ही GPUAdapter info एट्रिब्यूट का इस्तेमाल करके, GPUAdapterInfo को सिंक्रोनस तरीके से पा सकते हैं. इसलिए, नॉन-स्टैंडर्ड GPUAdapter requestAdapterInfo() तरीका अब काम नहीं करता. बंद करने का इरादा देखें.

DevTools कंसोल, requestAdapterInfo() के लिए डेप्रिकेशन की चेतावनी दिखाता है. — Chrome DevTools में `requestAdapterInfo()` के लिए, बंद की गई सुविधा की चेतावनी.

सुबह के अपडेट

webgpu.h C API ने एक्सटेंशन स्ट्रक्चर के लिए, नाम रखने के कुछ नियम तय किए हैं. नाम में हुए ये बदलाव और समस्या 42241174 देखें.

`WGPURenderPassDescriptor` एक्सटेंशन
`WGPURenderPassDescriptorMaxDrawCount ->`	`WGPURenderPassMaxDrawCount`
`WGPUShaderModuleDescriptor` एक्सटेंशन
`WGPUShaderModuleSPIRVDescriptor ->`	`WGPUShaderSourceSPIRV`
`WGPUShaderModuleWGSLDescriptor ->`	`WGPUShaderSourceWGSL`
`WGPUSurfaceDescriptor` एक्सटेंशन
`WGPUSurfaceDescriptorFromMetalLayer ->`	`WGPUSurfaceSourceMetalLayer`
`WGPUSurfaceDescriptorFromWindowsHWND ->`	`WGPUSurfaceSourceWindowsHWND`
`WGPUSurfaceDescriptorFromXlibWindow ->`	`WGPUSurfaceSourceXlibWindow`
`WGPUSurfaceDescriptorFromWaylandSurface ->`	`WGPUSurfaceSourceWaylandSurface`
`WGPUSurfaceDescriptorFromAndroidNativeWindow ->`	`WGPUSurfaceSourceAndroidNativeWindow`
`WGPUSurfaceDescriptorFromXcbWindow ->`	`WGPUSurfaceSourceXCBWindow`
`WGPUSurfaceDescriptorFromCanvasHTMLSelector ->`	`WGPUSurfaceSourceCanvasHTMLSelector_Emscripten`

JavaScript API की तरह, WGPUDepthStencilState's depthWriteEnabled एट्रिब्यूट टाइप को बूलियन से WGPUOptionalBool में बदल दिया गया है, ताकि इसकी तीन संभावित स्थितियों (सही, गलत, और तय नहीं) को बेहतर तरीके से दिखाया जा सके. ज़्यादा जानने के लिए, यहां दिया गया कोड स्निपेट और webgpu-headers PR देखें.

wgpu::DepthStencilState depthStencilState = {};
depthStencilState.depthWriteEnabled = wgpu::OptionalBool::True; // Undefined by default

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

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

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

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

importExternalTexture() में WebCodecs VideoFrame सोर्स का इस्तेमाल करना