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

François Beaufort
François Beaufort
GitHub

প্রকাশিত: ২২ অক্টোবর, ২০২৫

টেক্সচার ফর্ম্যাট সাপোর্ট করার ক্ষমতা বাড়ানো হয়েছে

নতুন "texture-formats-tier1" GPU ফিচার ডেভেলপারদের WebGPU-এর কম ক্ষমতার জন্য আগে থেকে থাকা কন্টেন্ট আবার না লিখে সেটিকে ওয়েবে পোর্ট করতে দেয়। এটি রেন্ডার অ্যাটাচমেন্ট, ব্লেন্ড করা যায়, মাল্টিস্যাম্পলিং ক্ষমতা এবং "read-only" বা "write-only" স্টোরেজ টেক্সচার অ্যাক্সেস সহ নতুন "r16unorm", "r16snorm", "rg16unorm", "rg16snorm", "rgba16unorm" এবং "rgba16snorm" টেক্সচার ফর্ম্যাট কাজ করে। এছাড়াও, এটি রেন্ডার অ্যাটাচমেন্ট, ব্লেন্ডেবল, মাল্টিস্যাম্পলিং এবং রেজোলভ করার ক্ষমতা সহ আগে থেকে থাকা "r8snorm", "rg8snorm", "rgba8snorm" টেক্সচার ফর্ম্যাট ব্যবহার করার অনুমতি দেয়। "read-only" বা "write-only" স্টোরেজ টেক্সচার অ্যাক্সেসের সাথে আরও টেক্সচার ফর্ম্যাট ব্যবহার করা যেতে পারে।

নতুন "texture-formats-tier2" GPU ফিচার "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 ভ্যালু যা ফ্র্যাগমেন্ট শেডার দ্বারা প্রসেস করা বর্তমান প্রিমিটিভকে (যেমন, একটি পয়েন্ট, লাইন বা ট্রায়াঙ্গেল) অনন্যভাবে শনাক্ত করে। এটি ০ থেকে শুরু হয়, প্রতিটি প্রিমিটিভ প্রসেস করার পরে ১ করে বাড়ে এবং প্রতিটি ইনস্ট্যান্স আঁকার মধ্যে ০-তে রিসেট হয়।

কোনও 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_BUILD_MONOLITHIC_LIBRARY CMake ভেরিয়েবল তার ডিফল্ট ভ্যালু OFF থেকে পরিবর্তন করে STATIC করেছে, যাতে ডিফল্ট হিসেবে libwebgpu* ফাইল তৈরি করা যায়।

Dawn এখন wgpu::Surface কনফিগার করার সময় wgpu::PresentMode::Undefined ডিফল্ট হওয়া সঠিকভাবে ম্যানেজ করে। issue 441410668 দেখুন।

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

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