تمت ترجمة هذه الصفحة بواسطة Cloud Translation API‏.

الميزات الجديدة في WebGPU (Chrome 119)

François Beaufort

زخارف عائمة 32 بت قابلة للتصفية

ويتم استخدام زخارف النقاط العائمة بحجم 32 بت لتخزين البيانات العالية الدقة، مثل صور النطاق العالي الديناميكية وخرائط العمق. وهي مهمة على وجه الخصوص لوحدات معالجة الرسومات المستخدمة في الألعاب المتطورة والتطبيقات الاحترافية.

يصف دعم الزخارف العائمة 32 بت القابلة للتصفية قدرة وحدة معالجة الرسومات على تصفية زخارف النقاط العائمة ذات 32 بت. وهذا يعني أن وحدة معالجة الرسومات يمكنها تسوية حواف زخارف النقاط العائمة، ما يجعلها تبدو أقل خشنة. وهو مشابه للإضافة "OES_texture_float_ توسيع" في WebGL.

لا تتيح بعض وحدات معالجة الرسومات إمكانية الفلترة حسب الزخارف العائمة 32 بت. عند توفّر الميزة "float32-filterable" في GPUAdapter، يمكنك الآن طلب GPUDevice مع هذه الميزة وفلترة الزخارف باستخدام التنسيقات "r32float" و"rg32float" و "rgba32float". يُرجى الاطّلاع على المثال التالي ومشكلة dawn:1664.

const adapter = await navigator.gpu.requestAdapter();
if (!adapter.features.has("float32-filterable")) {
  throw new Error("Filterable 32-bit float textures support is not available");
}
// Explicitly request filterable 32-bit float textures support.
const device = await adapter.requestDevice({
  requiredFeatures: ["float32-filterable"],
});

// Create a sampler with linear filtering.
const sampler = device.createSampler({
  magFilter: "linear",
});

// Create a texture with rgba32float format.
const texture = device.createTexture({
  size: [100, 100],
  format: "rgba32float",
  usage: GPUTextureUsage.COPY_DST | GPUTextureUsage.TEXTURE_BINDING,
});

// Write data to texture, create a bindgroup with sampler and texture and
// send the appropriate commands to the GPU....

تنسيق Unorm10-10-10-2 الرأسي

تمت إضافة تنسيق رأسي جديد يُعرف باسم "unorm10-10-10-2" ويُعرف أيضًا باسم "rgb10a2" إلى مواصفات WebGPU. تتألف من قيمة 32 بت معبأة واحدة مع أربع قيم صحيحة غير موقعة تمت تسويتها، مرتبة على شكل 10 بت و10 بت و10 بت و2 بت. يمكنك الاطّلاع على المثال التالي والمشكلة dawn:2044.

// Define the layout of vertex attribute data with unorm10-10-10-2 format.
const buffers = [
  {
    arrayStride: 0,
    attributes: [
      { format: "unorm10-10-10-2", offset: 0, shaderLocation: 0 },
    ],
  },
];

// Describe the vertex shader entry point and its input buffer layouts.
const vertex = {
  module: myVertexShaderModule,
  entryPoint: "main",
  buffers,
};

// Pass vertex to device.createRenderPipeline() and
// use vec4<f32> type in WGSL shader code to manipulate data.

تنسيق زخرفة rgb10a2uint

تمت إضافة تنسيق زخرفة جديد باسم "rgb10a2uint" إلى مواصفات WebGPU. وهو يتكوّن من تنسيق وحدات البكسل المعبأة 32 بت مع أربعة مكونات لعدد صحيح غير موقَّعة: أحمر 10 بت، وأخضر 10 بت، وأزرق 10 بت، وألفا 2 بت. يُرجى الاطّلاع على المثال التالي ومشكلة dawn:1936.

// Create a texture with rgb10a2uint format.
const texture = device.createTexture({
  size: [100, 100],
  format: "rgb10a2uint",
  usage: GPUTextureUsage.COPY_DST | GPUTextureUsage.TEXTURE_BINDING,
});

// Write data to texture, create a bindgroup with texture and
// send the appropriate commands to the GPU....

الإشعارات عند الفجر

تسمح طلبات البحث في الطوابع الزمنية لتطبيقات WebGPU بقياس مقدار الوقت الذي تستغرقه أوامر وحدة معالجة الرسومات (GPU) بدقة (حتى نانو ثانية) في تنفيذ أوامر وحدة معالجة الرسومات. تم تعديل شكل واجهة برمجة التطبيقات لتسجيل طلبات البحث عن الطوابع الزمنية في بداية ونهاية البطاقات بما يتوافق مع مواصفات WebGPU. راجِع المثال التالي ومشكلة dawn:1800.

// Create a timestamp query set that will store the timestamp values.
wgpu::QuerySetDescriptor querySetDescriptor = {
    .count = 2,
    .type = wgpu::QueryType::Timestamp};
wgpu::QuerySet querySet = device.CreateQuerySet(&querySetDescriptor);

wgpu::RenderPassTimestampWrites timestampWrites = {
    .querySet = querySet,
    .beginningOfPassWriteIndex = 0,
    .endOfPassWriteIndex = 1};
wgpu::ComputePassDescriptor pass{.timestampWrites = &timestampWrites};

// Write the queue timestamp into beginningOfPassWriteIndex and
// endOfPassWriteIndex of myQuerySet respectively before and after the pass
// commands execute.
myEncoder.BeginComputePass(&pass);

يتناول هذا فقط بعض النقاط الرئيسية. يمكنك الاطّلاع على القائمة الشاملة لعمليات الالتزام.