कैनवस टोन मैपिंग मोड के साथ एचडीआर की सुविधा
वेब डेवलपर के पास एचडीआर कॉन्टेंट डिलीवर करने के सीमित विकल्प होते हैं. वे मुख्य तौर पर <img>
और <video>
एलिमेंट पर निर्भर होते हैं. हालांकि, <canvas>
एलिमेंट सिर्फ़ एसडीआर के लिए उपलब्ध है. कैनवस में डाइनैमिक एचडीआर कॉन्टेंट जनरेट करने के लिए, उसे दिखाने से पहले उसके कॉन्टेंट को एचडीआर इमेज के तौर पर एन्कोड करना ज़रूरी है. उदाहरण के लिए, यह डेमो देखें.
WebGPU कैनवस कॉन्फ़िगरेशन में नए GPUCanvasToneMappingMode
पैरामीटर की मदद से, WebGPU अब सफ़ेद (#FFFFFF
) से ज़्यादा चमकदार रंगों को ड्रॉ कर सकता है. यह इन मोड की मदद से ऐसा करता है:
"standard"
: डिफ़ॉल्ट रूप से, कॉन्टेंट को स्क्रीन की एसडीआर रेंज तक ही सीमित रखा जाता है. यह मोड, स्क्रीन के कलर स्पेस में मौजूद सभी कलर वैल्यू को[0, 1]
इंटरवल पर क्लैंप करके पूरा किया जाता है."extended"
: स्क्रीन की पूरी एचडीआर रेंज को अनलॉक करता है. यह मोड, स्क्रीन की[0, 1]
रेंज में"standard"
से मैच करता है. क्लैंपिंग या प्रोजेक्शन, स्क्रीन की एक्सटेंडेड डाइनैमिक रेंज तक किया जाता है, लेकिन[0, 1]
पर नहीं.
नीचे दिया गया कोड स्निपेट, आपको हाई डाइनैमिक रेंज के लिए कैनवस कॉन्फ़िगर करने का तरीका दिखाता है.
const adapter = await navigator.gpu.requestAdapter();
const device = await adapter.requestDevice();
const canvas = document.querySelector("canvas");
const context = canvas.getContext("webgpu");
context.configure({
device,
format: "rgba16float",
toneMapping: { mode: "extended" },
});
पार्टिकल (एचडीआर) सैंपल और WebGPU एचडीआर का उदाहरण देखकर, WebGPU की मदद से एचडीआर की सुविधा को एक्सप्लोर करें. साथ ही, chromestatus एंट्री देखें.
सबग्रुप के लिए ज़्यादा सहायता
सबग्रुप एक्सपेरिमेंट के एलान के बाद, सबग्रुप के बिल्ट-इन फ़ंक्शन अब कंप्यूट शेडर और फ़्रैगमेंट शेडर, दोनों में इस्तेमाल के लिए उपलब्ध हैं. अब वे सिर्फ़ कंप्यूट शेडर तक सीमित नहीं हैं. समस्या 354738715 देखें.
ध्यान दें कि फ़्रैगमेंट शेडर में, subgroup_size
की पहले से मौजूद वैल्यू फ़िलहाल काम नहीं करती. अभी के लिए इससे बचें.
इसके अलावा, यहां दिए गए सबग्रुप में बिल्ट-इन फ़ंक्शन जोड़े गए हैं:
subgroupAdd(value)
: यह सबग्रुप में सभी चालू इनवोकेशनvalue
का कुल योग दिखाता है.subgroupExclusiveAdd(value)
: यह सबग्रुप में सभी चालू इनवोकेशनvalue
के स्कैन की खास जानकारी दिखाता है.subgroupMul(value)
: यह सबग्रुप में सभी चालू इनवोकेशनvalue
के गुणनफल को दिखाता है.subgroupExclusiveMul(value)
: यह सबग्रुप में सभी चालू बोले जाने वाले शब्दोंvalue
s के खास स्कैन को गुणा करने की सुविधा देता है.subgroupAnd(value)
: यह सबग्रुप में मौजूद सभी चालू इनवोकेशनvalue
s का बाइनरी AND दिखाता है.subgroupOr(value)
: यह सबग्रुप में सभी चालू इनवोकेशनvalue
s का बाइनरी OR दिखाता है.subgroupXor(value)
: यह सबग्रुप में सभी चालू इनवोकेशनvalue
s का बाइनरी XOR दिखाता है.subgroupMin(value)
: सबग्रुप में सभी चालू इनवोकेशनvalue
की सबसे कम वैल्यू दिखाता है.subgroupMax(value)
: यह सबग्रुप में सभी चालू इनवोकेशनvalue
की सबसे बड़ी वैल्यू दिखाता है.subgroupAll(value)
: अगर सबग्रुप में सभी चालू इनवोकेशन के लिएvalue
सही है, तो यह फ़ंक्शन 'सही' दिखाता है.subgroupAny(value)
: अगर सबग्रुप में किसी भी ऐक्टिव इनवोकेशन के लिएvalue
सही है, तो यह सही दिखाता है.subgroupElect()
: अगर सबग्रुप में चल रहे इनवोकेशन में, इस इनवोकेशन काsubgroup_invocation_id
सबसे कम है, तो यह 'सही' दिखाता है.subgroupBroadcastFirst(value)
: सबग्रुप में सबसे कमsubgroup_invocation_id
वाले ऐक्टिव इनवोकेशन से,value
को सभी अन्य ऐक्टिव इनवोकेशन पर ब्रॉडकास्ट करता है.subgroupShuffle(value, id)
: उस ऐक्टिव इनवोकेशन सेvalue
दिखाता है जिसकाsubgroup_invocation_id
,id
से मेल खाता है.subgroupShuffleXor(value, mask)
: उस ऐक्टिव इनवोकेशन सेvalue
दिखाता है जिसकाsubgroup_invocation_id
,subgroup_invocation_id ^ mask
से मेल खाता है.mask
डाइनैमिक तौर पर एक जैसा होना चाहिए.subgroupShuffleUp(value, delta)
: उस चालू बातचीत सेvalue
दिखाता है जिसकाsubgroup_invocation_id
subgroup_invocation_id - delta
से मेल खाता है.subgroupShuffleDown(value, delta)
: उस ऐक्टिव इनवोकेशन सेvalue
दिखाता है जिसकाsubgroup_invocation_id
,subgroup_invocation_id + delta
से मेल खाता है.quadBroadcast(value, id)
:id
वाले आईडी वाले क्वॉड इनवोकेशन सेvalue
ब्रॉडकास्ट करता है.id
एक कॉन्स्टेंट-एक्सप्रेशन होना चाहिए.quadSwapX(value)
: X दिशा में क्वॉड में,value
को एक से दूसरे इनवोकेशन के बीच स्वैप करता है.quadSwapY(value)
: Y दिशा में क्वॉड में,value
को एक से दूसरे इनवोकेशन के बीच स्वैप करता है.quadSwapDiagonal(value)
: क्वाड में डायगनल तौर पर, एक कॉल के बाद दूसरे कॉल मेंvalue
को स्वैप करता है.
डॉन से जुड़े अपडेट
wgpu::PrimitiveState
स्ट्रक्ट में अब डेप्थ क्लिप कंट्रोल सेटिंग सीधे तौर पर शामिल है. इससे एक अलग wgpu::PrimitiveDepthClipControl
स्ट्रक्चर की ज़रूरत नहीं रहती. ज़्यादा जानने के लिए, यहां दिया गया कोड स्निपेट और webgpu-headers PR देखें.
// Before
wgpu::PrimitiveState primitive = {};
wgpu::PrimitiveDepthClipControl depthClipControl;
depthClipControl.unclippedDepth = true;
primitive.nextInChain = &depthClipControl;
// Now
wgpu::PrimitiveState primitive = {};
primitive.unclippedDepth = true;
इसमें सिर्फ़ कुछ खास हाइलाइट शामिल हैं. वादों की पूरी सूची देखें.
WebGPU में नया क्या है
WebGPU में नया क्या है सीरीज़ में शामिल सभी चीज़ों की सूची.
Chrome 130
- दो सोर्स को ब्लेंड करना
- Metal पर शेडर को कंपाइल करने में लगने वाले समय में सुधार
- GPUAdapter requestAdapterInfo() का इस्तेमाल बंद करना
- Dawn से जुड़े अपडेट
Chrome 129
Chrome 128
- सबग्रुप के साथ एक्सपेरिमेंट करना
- रेखाओं और बिंदुओं के लिए, डेप्थ बायस की सेटिंग को बंद करना
- preventDefault का इस्तेमाल करने पर, DevTools में गड़बड़ी की चेतावनी न दिखाएं
- WGSL, सैंपलिंग को पहले इंटरपोल करता है और फिर
- Dawn से जुड़े अपडेट
Chrome 127
- Android पर OpenGL ES के लिए एक्सपेरिमेंटल सपोर्ट
- GPUAdapter info एट्रिब्यूट
- WebAssembly इंटरऑप में सुधार
- कमांड एन्कोडर से जुड़ी गड़बड़ियों को बेहतर बनाया गया
- Dawn से जुड़े अपडेट
Chrome 126
- maxTextureArraylayers की सीमा बढ़ाना
- Vulkan बैकएंड के लिए, बफ़र अपलोड को ऑप्टिमाइज़ करना
- शेडर को कंपाइल करने में लगने वाले समय में सुधार
- सबमिट की गई कमांड बफ़र यूनीक होनी चाहिए
- Dawn से जुड़े अपडेट
Chrome 125
Chrome 124
- रीड-ओनली और रीड-राइट स्टोरेज टेक्सचर
- सेवा वर्कर और शेयर किए गए वर्कर के लिए सहायता
- अडैप्टर की जानकारी देने वाले नए एट्रिब्यूट
- गड़बड़ियां ठीक की गईं
- डॉन से जुड़े अपडेट
Chrome 123
- WGSL में DP4a बिल्ट-इन फ़ंक्शन काम करते हैं
- WGSL में बिना पाबंदी वाले पॉइंटर पैरामीटर
- WGSL में कॉम्पोज़िट को डीरेफ़रंस करने के लिए सिंटैक्स शुगर
- स्टेंसिल और डेप्थ के लिए, रीड-ओनली मोड की अलग-अलग स्थिति
- डॉन से जुड़े अपडेट
Chrome 122
- कंपैटबिलिटी मोड की मदद से रीच बढ़ाना (यह सुविधा डेवलप की जा रही है)
- maxVertexAttributes की सीमा बढ़ाना
- Dawn से जुड़े अपडेट
Chrome 121
- Android पर WebGPU की सुविधा
- Windows पर शेडर को कंपाइल करने के लिए, FXC के बजाय DXC का इस्तेमाल करना
- कंप्यूट और रेंडर पास में टाइमस्टैंप क्वेरी
- शेडर मॉड्यूल के लिए डिफ़ॉल्ट एंट्री पॉइंट
- GPUExternalTexture कलर स्पेस के तौर पर display-p3 का इस्तेमाल करना
- मेमोरी हेप की जानकारी
- Dawn से जुड़े अपडेट
Chrome 120
- WGSL में 16-बिट फ़्लोटिंग-पॉइंट वैल्यू के लिए सहायता
- सीमाओं को पार करना
- डेप्थ-स्टेंसिल की स्थिति में बदलाव
- अडैप्टर की जानकारी से जुड़े अपडेट
- टाइमस्टैंप क्वेरी की गिनती करना
- वसंत साफ़ करने की सुविधाएं
Chrome 119
- फ़िल्टर किए जा सकने वाले 32-बिट फ़्लोट टेक्सचर
- unorm10-10-10-2 वर्टिक्स फ़ॉर्मैट
- rgb10a2uint टेक्सचर फ़ॉर्मैट
- Dawn से जुड़े अपडेट
Chrome 118
copyExternalImageToTexture()
में HTMLImageElement और ImageData की सुविधा- रीड-राइट और रीड-ओनली स्टोरेज टेक्स्चर के लिए, एक्सपेरिमेंट के तौर पर उपलब्ध सहायता
- डॉन से जुड़े अपडेट
Chrome 117
- वर्टेक्स बफ़र को अनसेट करें
- बाइंड किए गए ग्रुप को अनसेट करना
- डिवाइस खो जाने पर, असाइनमेंट के लिए असाइनमेंट पाइपलाइन बनाने से जुड़ी गड़बड़ियों को रोकना
- SPIR-V शेडर मॉड्यूल बनाने से जुड़े अपडेट
- डेवलपर के अनुभव को बेहतर बनाना
- अपने-आप जनरेट हुए लेआउट की मदद से, पाइपलाइन को कैश मेमोरी में सेव करना
- Dawn से जुड़े अपडेट
Chrome 116
- WebCodecs इंटिग्रेशन
- GPUAdapter
requestDevice()
से खोया हुआ डिवाइस वापस मिलना - अगर
importExternalTexture()
शुरू हो, तो वीडियो बिना किसी रुकावट के चलाएं - स्पेसिफ़िकेशन के मुताबिक होना
- डेवलपर के अनुभव को बेहतर बनाना
- Dawn से जुड़े अपडेट
Chrome 115
- WGSL भाषा के इस्तेमाल किए जा सकने वाले एक्सटेंशन
- Direct3D 11 के लिए एक्सपेरिमेंटल सपोर्ट
- एसी पावर पर, डिफ़ॉल्ट रूप से अलग-अलग जीपीयू पाएं
- डेवलपर के अनुभव को बेहतर बनाना
- डॉन से जुड़े अपडेट
Chrome 114
- Optimize JavaScript
- कॉन्फ़िगर नहीं किए गए कैनवस पर getCurrentTexture() से अमान्य स्थिति गड़बड़ी मिलती है
- WGSL से जुड़े अपडेट
- डॉन से जुड़े अपडेट