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

François Beaufort
François Beaufort
GitHub

প্রকাশিত: ২৬ মে, ২০২৫

externalTexture বাইন্ডিংয়ের জন্য টেক্সচার ভিউ ব্যবহার করা

GPUBindGroup তৈরি করার সময়, এখন GPUExternalTexture বাইন্ডিংয়ের পরিবর্তে মানানসই GPUTextureView (2D, সিঙ্গেল সাবরিসোর্স) ব্যবহার করা যাবে।

এর ফলে ভিডিও এফেক্ট পাইপলাইনে শেডার লজিক সহজ হয়ে যায়, যেখানে GPUExternalTexture (সোর্স ভিডিওর জন্য) ও GPUTextureView (ইন্টারমিডিয়েট প্রসেসিংয়ের জন্য) দু'টিই ম্যানেজ করতে হয়। এছাড়াও, টেক্সচার কোথা থেকে আসছে তার উপর নির্ভর করে শেডারকে ডায়নামিক কম্পাইল করার প্রয়োজনীয়তাও এটি কমিয়ে দেয়। Intent to Ship: WebGPU: GPUTextureView for externalTexture binding দেখুন।

const texture = myDevice.createTexture({
  size: [42, 42],
  format: navigator.gpu.getPreferredCanvasFormat(),
  usage: GPUTextureUsage.RENDER_ATTACHMENT | GPUTextureUsage.TEXTURE_BINDING,
});

const code = `
@group(0) @binding(0) var texture : texture_external;
@group(0) @binding(1) var<storage, read_write> buffer: vec2u;
    
@compute @workgroup_size(1) fn main() {
  buffer = textureDimensions(texture);
}`;

const pipeline = myDevice.createComputePipeline({
  layout: "auto",
  compute: { module: myDevice.createShaderModule({ code }) },
});

const bindGroup = myDevice.createBindGroup({
  layout: pipeline.getBindGroupLayout(0),
  entries: [
    { binding: 0, resource: texture.createView() }, // Use texture view for an externalTexture binding
    { binding: 1, resource: { buffer: myBuffer } },
  ],
});

অফসেট ও সাইজ উল্লেখ না করেই বাফার কপি করা

নতুন GPUCommandEncoder মেথড ওভারলোড, ডেভেলপারদের copyBufferToBuffer() ব্যবহার করার সময় অফসেট ও সাইজ প্যারামিটার বাদ দিতে দেয়, যাতে সম্পূর্ণ বাফার কপি করার প্রসেস সহজ হয়। Intent to Ship: WebGPU: copyBufferToBuffer overload দেখুন।

const size = 42;
const srcBuffer = myDevice.createBuffer({
  size,
  usage: GPUBufferUsage.STORAGE | GPUBufferUsage.COPY_SRC,
});
const dstBuffer = myDevice.createBuffer({
  size,
  usage: GPUBufferUsage.COPY_DST | GPUBufferUsage.MAP_READ,
});

// Copy entire buffer.
myCommandEncoder.copyBufferToBuffer(srcBuffer, dstBuffer);

// This is the same as the following.
// myCommandEncoder.copyBufferToBuffer(srcBuffer, 0, dstBuffer, 0, size);

WGSL workgroupUniformLoad অ্যাটমিকের পয়েন্টার ব্যবহার করে

ডেভেলপারদের সুবিধার জন্য WGSL-এ নতুন workgroupUniformLoad(ptr) ওভারলোড যোগ করা হয়েছে। এটি ptr-এর মাধ্যমে পয়েন্ট করা ভ্যালুকে অ্যাটমিকভাবে লোড করে এবং ওয়ার্কগ্রুপের মধ্যে থাকা সমস্ত ইনভোকেশনে সেটি রিটার্ন করে, যেখানে ptr হল ওয়ার্কগ্রুপ ভেরিয়েবলের মধ্যে থাকা অ্যাটমিকের পয়েন্টার। সমস্যা 408241039 দেখুন।

@group(0) @binding(0) var<storage, read_write> buffer : array<u32, 1>;

var<workgroup> wgvar : atomic<u32>;

@compute @workgroup_size(1, 1)
fn main(@builtin(local_invocation_index) lid: u32) {
  if (lid == 0) {
    atomicStore(&(wgvar), 42u);
  }
  buffer[lid] = workgroupUniformLoad(&wgvar);
}

GPUAdapterInfo powerPreference অ্যাট্রিবিউট

ব্যবহারকারী chrome://flags/#enable-webgpu-developer-features-এ "WebGPU ডেভেলপার ফিচার" ফ্ল্যাগ চালু করলে, নন-স্ট্যান্ডার্ড powerPreference GPUAdapterInfo স্ট্রিং অ্যাট্রিবিউট এখন উপলভ্য। কাজ করলে, GPURequestAdapterOptions-এ ব্যবহৃত GPUPowerPreference ভ্যালুর উপর নির্ভর করে powerPreference ভ্যালু "low-power" বা "high-performance" হতে পারে। CL 6438860 দেখুন।

function checkPowerPreferenceForGpuDevice(device) {
  const powerPreference = device.adapterInfo.powerPreference;
  if (powerPreference === "high-performance") {
    // High-performance GPU detected. Enabling enhanced graphics settings.
  } else if (powerPreference === "low-power") {
    // Low-power GPU detected. Optimizing for battery life.
  }
}

GPURequestAdapterOptions-এর compatibilityMode অ্যাট্রিবিউট সরানো হয়েছে

স্ট্যান্ডার্ডাইজড featureLevel অ্যাট্রিবিউট যোগ করার জন্য পরীক্ষামূলক GPURequestAdapterOptions compatibilityMode অ্যাট্রিবিউট সরিয়ে দেওয়া হয়েছে Chrome 133-এ। issue 366151404 দেখুন।

ভোরের আপডেট

ডেভেলপাররা WebAssembly ও নির্দিষ্ট প্ল্যাটফর্ম টার্গেট করার জন্য webgpu.h ব্যবহার করে C++-এর মতো ভাষায় WebGPU প্রোজেক্ট তৈরি করতে পারেন। Dawn-এর নতুন রিলিজ করা "emdawnwebgpu" ("Emscripten Dawn WebGPU") ব্রাউজার API-এর উপর লেটেস্ট স্ট্যান্ডার্ড webgpu.h প্রয়োগ করে।

Emdawnwebgpu হল Emscripten-এর (বর্তমানে আর রক্ষণাবেক্ষণ করা হয় না) বিল্ট-ইন বাইন্ডিংয়ের (USE_WEBGPU) একটি (রক্ষণাবেক্ষণ করা) ফর্ক। সমস্ত নতুন ডেভেলপমেন্ট emdawnwebgpu-তে করা হচ্ছে এবং ডেভেলপাররা emdawnwebgpu-তে ট্রানজিট করার সাথে সাথে Emscripten-এর বিল্ট-ইন বাইন্ডিং সরিয়ে দেওয়া হবে। Emdawnwebgpu-এর C হেডার Dawn-এর খুব কাছাকাছি, যেখানে বিল্ট-ইন বাইন্ডিং উল্লেখযোগ্যভাবে পুরনো।

Dawn-এর GitHub রিলিজ পৃষ্ঠা থেকে emdawnwebgpu ডাউনলোড করুন এবং এটি কীভাবে ব্যবহার করতে হয় সেই সম্পর্কিত তথ্যের জন্য প্যাকেজের README.md পড়ুন। সোর্স ফাইল Dawn রিপোজিটরিতে পাওয়া যাবে।

সম্পূর্ণ নির্দেশিকার জন্য, আপডেট করা WebGPU-এর সাহায্যে অ্যাপ তৈরি করুন ডকুমেন্টেশন দেখুন।

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

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