WebGPU-তে নতুন কী আছে (Chrome 146)

François Beaufort
François Beaufort

প্রকাশিত: ২৫ ফেব্রুয়ারি, ২০২৬

OpenGL ES 3.1-এ WebGPU কম্প্যাটিবিলিটি মোড কাজ করে

WebGPU, Vulkan, Metal ও D3D12-এর মতো আধুনিক গ্রাফিক্স API-এর সাথে মানানসই করে ডিজাইন করা হলেও, অনেক ব্যবহারকারীর কাছে পুরনো হার্ডওয়্যার আছে যা এইসব স্ট্যান্ডার্ডে কাজ করে না। এই সমস্যা সমাধান করতে এবং যাতে সবাই অ্যাক্সেস করতে পারেন তা নিশ্চিত করতে, Chrome একটি নতুন অপ্ট-ইন ফিচার নিয়ে এসেছে, যার নাম হল কম্প্যাটিবিলিটি মোড।

এই মোড আপনাকে OpenGL ES 3.1-এর মতো পুরনো গ্রাফিক্স API-তে WebGPU চালাতে দেয়। WebGPU স্পেসিফিকেশনের সামান্য সীমাবদ্ধ সাবসেটকে টার্গেট করার মাধ্যমে, আপনি নিশ্চিত করেন যে আপনার ওয়েব অ্যাপটি লেটেস্ট গেমিং রিগ থেকে শুরু করে পুরনো ল্যাপটপ এবং মোবাইল ডিভাইস পর্যন্ত সকলের কাছে অ্যাক্সেসযোগ্য। Android-এ শুরু করার সময়, টিম অন্যান্য ডিভাইসে কাজ করার ব্যাপারেও খতিয়ে দেখছে, যেমন OpenGL ES 3.1 সহ ChromeOS এবং Direct3D 11 সহ Windows.

অনেক ওয়েব অ্যাপের ক্ষেত্রে, আপনি requestAdapter() কল করার সময় featureLevel: "compatibility" পাস করে কম্প্যাটিবিলিটি মোড চালু করতে পারবেন। আপনার ডিভাইসে Core WebGPU কাজ করলে, Chrome একটি Core-এর উপযুক্ত অ্যাডাপ্টার রিটার্ন করবে, কিন্তু আপনার ওয়েব অ্যাপ জানবে যে "core-features-and-limits" ফিচার (বা উপলভ্য সব ফিচার) চালু না করা পর্যন্ত তাকে কম্প্যাটিবিলিটি সংক্রান্ত সীমাবদ্ধতার মধ্যে থাকতে হবে। আরও জটিল অ্যাপ্লিকেশনের ক্ষেত্রে মোডের বিধিনিষেধের মধ্যে ফিট করার জন্য সামান্য অ্যাডজাস্টমেন্টের প্রয়োজন হতে পারে।

// Request a GPUAdapter in compatibility mode.
const adapter = await navigator.gpu.requestAdapter({ featureLevel: "compatibility" });
const device = await adapter.requestDevice();

এই মোডের নির্দিষ্ট আর্কিটেকচার সংক্রান্ত বিধিনিষেধ সম্পর্কে বিস্তারিত তথ্য পেতে WebGPU ফান্ডামেন্টাল গাইড দেখুন। এছাড়াও, সব WebGPU স্যাম্পেল এখন কম্প্যাটিবিলিটি মোডে কাজ করে। এছাড়াও, আপনি শিপ করার উদ্দেশ্য পড়তে পারেন।

সাময়িক অ্যাটাচমেন্ট

মেমরি-এফিশিয়েন্ট অ্যাটাচমেন্ট তৈরি করতে, আপনি নতুন TRANSIENT_ATTACHMENT GPUTextureUsage ফ্ল্যাগ ব্যবহার করতে পারবেন। এর ফলে রেন্ডার পাস অপারেশন টাইলের মেমরিতে থাকে, যা VRAM ট্রাফিক এড়িয়ে যায় এবং টেক্সচারের জন্য VRAM অ্যালোকেশন এড়িয়ে যেতে পারে।

কোনও টেক্সচারকে ক্ষণস্থায়ী (বা "মেমরিলেস") হিসেবে ঘোষণা করার মাধ্যমে, GPU বুঝতে পারে যে টেক্সচারের কন্টেন্ট শুধুমাত্র সাময়িকভাবে—বিশেষত, শুধুমাত্র বর্তমান রেন্ডার পাসের মধ্যেই প্রয়োজন। এছাড়াও, রেন্ডার পাসের পরে টেক্সচারের কন্টেন্ট বাতিল করা হয়, তাই ড্রাইভারকে এর জন্য VRAM বরাদ্দ করতে নাও হতে পারে।

নিম্নলিখিত উদাহরণ থেকে কীভাবে ক্ষণস্থায়ী টেক্সচার তৈরি করতে হয় তা জানুন।

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

if ('TRANSIENT_ATTACHMENT' in GPUTextureUsage) {

  const transientTexture = device.createTexture({
    size: [42, 42],
    // The TRANSIENT_ATTACHMENT flag indicates the texture content is temporary,
    // potentially keeping it in fast on-chip memory.
    usage: GPUTextureUsage.RENDER_ATTACHMENT | GPUTextureUsage.TRANSIENT_ATTACHMENT,
    format: 'rgba8unorm',
  });
}

Hello Triangle MSAA - WebGPU Sample এবং intent to ship দেখুন।

WGSL texture_and_sampler_let এক্সটেনশন

WGSL ল্যাঙ্গুয়েজ এক্সটেনশন texture_and_sampler_let আপনাকে WGSL শেডারের মধ্যে let-এ টেক্সচার বা স্যাম্পলার ভেরিয়েবল অ্যাসাইন করতে দেয়। এই ফিচার বর্তমানে একটি বিকল্প নাম দেওয়ার মেকানিজম প্রদান করে এবং বাইন্ডলেস সহায়তার জন্য প্রস্তুত হয়, যেখানে টেক্সচার বা স্যাম্পলার রিটার্ন করা পদ্ধতি সরাসরি লোকাল ভেরিয়েবলে স্টোর করা যেতে পারে।

নিচের উদাহরণ ও শিপ করার উদ্দেশ্য দেখুন।

@group(0) @binding(0) var tex: texture_2d<f32>;
@group(1) @binding(0) var store : texture_storage_2d<r32float, read_write>;

@fragment fn main() {
    let a = tex;
    var res: vec4f = textureLoad(a, vec2i(1i), 0);

    textureStore(store, vec2i(0i), res);
}

ভোরের আপডেট

নতুন লেভেল অনুযায়ী নিম্নলিখিত সীমা উপলভ্য:

  • maxStorageBuffersPerShaderStage-এ সর্বাধিক ১৬টি অ্যাকাউন্ট ব্যবহার করা যায়। সমস্যা 366151398 দেখুন।

  • maxSampledTexturesPerShaderStage-এ সর্বাধিক ৪৮টি অক্ষর লেখা যায়। সমস্যা 475255737 দেখুন।

অতিরিক্ত নিরাপত্তা স্তর প্রদান করতে এবং ভুল ইনপুট থেকে ড্রাইভারের অস্থিরতা প্রতিরোধ করতে, Android-এ ডিফল্ট হিসেবে SPIR-V যাচাইকরণ চালু করা হয়। issue 473526182 দেখুন।

এতে শুধু কিছু গুরুত্বপূর্ণ হাইলাইট কভার করা হয়েছে। কমিটের বিস্তারিত তালিকা দেখুন।

WebGPU-তে নতুন কী কী আছে

WebGPU-তে নতুন কী কী আছে সিরিজে যা যা কভার করা হয়েছে তার একটি তালিকা।

Chrome 155-156

Chrome 153-154

Chrome 151-152

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