الميزات الجديدة في WebGPU (إصدار Chrome 132)

François Beaufort
François Beaufort

تاريخ النشر: 8 كانون الثاني (يناير) 2025

استخدام عرض الزخرفة

ترث مشاهدات نسيج وحدة معالجة الرسومات حاليًا جميع علامات الاستخدام من نسيج وحدة معالجة الرسومات المصدر. وقد يتسبب ذلك في حدوث مشاكل لأنّ بعض أشكال العرض غير متوافقة مع استخدامات معيّنة. لحلّ هذه المشكلة، يتيح لك استدعاء createView() باستخدام العنصر الاختياري usage تحديد مجموعة فرعية صراحةً من علامات استخدام نسيج المصدر المتوافقة مع تنسيق العرض المحدَّد.

يتيح هذا التغيير التحقّق من الصحة مسبقًا والتحكّم بشكل أدق في كيفية استخدام طريقة العرض. وتتواءم أيضًا مع واجهات برمجة تطبيقات الرسومات الأخرى التي تكون فيها علامات الاستخدام مَعلمات شائعة في إنشاء العرض، ما يقدّم فرصًا لإجراء تحسينات.

راجِع المقتطف التالي وإدخال chromestatus والمشكلة 363903526.

const texture = myDevice.createTexture({
  size: [4, 4],
  format: "rgba8unorm",
  usage:
    GPUTextureUsage.RENDER_ATTACHMENT |
    GPUTextureUsage.TEXTURE_BINDING |
    GPUTextureUsage.STORAGE_BINDING,
  viewFormats: ["rgba8unorm-srgb"],
});

const view = texture.createView({
  format: 'rgba8unorm-srgb',
  usage: GPUTextureUsage.RENDER_ATTACHMENT, // Restrict allowed usage.
});

دمج الزخارف العائمة بسعة 32 بت

إنّ مواد العرض ذات النقطة العائمة بسعة 32 بت ضرورية لعرض نطاق عالي الديناميكية من أجل الحفاظ على نطاق واسع من قيم الألوان ومنع ظهور تأثيرات النطاقات اللونية. على سبيل المثال، في العروض المرئية العلمية.

تتيح ميزة وحدة معالجة الرسومات الجديدة "float32-blendable" دمج مواد عرض وحدة معالجة الرسومات بتنسيقات "r32float" و"rg32float" و"rgba32float". أصبح من الممكن الآن إنشاء مسار عرض يستخدم الدمج مع أي مرفق بتنسيق float32 عند طلب جهاز وحدة معالجة الرسومات المزوّد بهذه الميزة.

راجِع المقتطف التالي وإدخال chromestatus والمشكلة 369649348.

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

// ... Creation of shader modules is omitted for readability.

// Create a render pipeline that uses blending for the rgba32float format.
device.createRenderPipeline({
  vertex: { module: myVertexShaderModule },
  fragment: {
    module: myFragmentShaderModule,
    targets: [
      {
        format: "rgba32float",
        blend: { color: {}, alpha: {} },
      },
    ],
  },
  layout: "auto",
});

// Create the GPU texture with rgba32float format and
// send the appropriate commands to the GPU...

سمة GPUDevice adapterInfo

من المهم أن تحصل المكتبات التي تستخدم عناصر GPUDevice المقدَّمة من المستخدمين على معلومات عن وحدة معالجة الرسومات (GPU) المادية، لأنّها قد تحتاج إلى تحسين الحلول البديلة أو تنفيذها استنادًا إلى بنية وحدة معالجة الرسومات. على الرغم من أنّه من الممكن الوصول إلى هذه المعلومات من خلال عنصر GPUAdapter، لا تتوفّر طريقة مباشرة للحصول عليها من GPUDevice وحده. وقد يكون ذلك غير ملائم، لأنّه قد يتطلّب من المستخدمين تقديم معلومات إضافية إلى جانب GPUDevice.

لحلّ هذه المشكلة، تمّ الآن عرض GPUAdapterInfo من خلال سمة GPUDevice adapterInfo. تشبه هذه السمات سمة GPUAdapter info الحالية.

راجِع المقتطف التالي وإدخال chromestatus والمشكلة 376600838.

function optimizeForGpuDevice(device) {
  if (device.adapterInfo.vendor === "amd") {
    // Use AMD-specific optimizations.
  } else if (device.adapterInfo.architecture.includes("turing")) {
    // Optimize for NVIDIA Turing architecture.
  }
}

يؤدي ضبط سياق اللوحة باستخدام تنسيق غير صالح إلى ظهور خطأ في JavaScript

في السابق، كان استخدام تنسيق نسيج غير صالح مع طريقة configure() لسياق لوحة GPU يؤدي إلى خطأ في التحقّق من وحدة معالجة الرسومات. تم تغيير هذا الإجراء لرمي TypeError JavaScript. ويمنع ذلك حدوث سيناريوهات يعرض فيها getCurrentTexture() نسيجًا صالحًا لوحدة معالجة الرسومات على الرغم من ضبط سياق لوحة وحدة معالجة الرسومات بشكل غير صحيح. يمكنك الاطّلاع على مزيد من المعلومات في الطلب 372837859.

قيود فلترة عيّنات النسيج

كان استخدام تنسيقات "sint" و"uint" و"depth"" مع عيّنات الفلترة مسموحًا به في السابق. يمنع الآن استخدام نسيج بتنسيق "sint" أو "uint" مع أداة تحليل الفلترة بشكل صحيح. يُرجى العلم أنّه يتم حاليًا عرض تحذير في حال استخدام "نسيج depth" مع عيّنة فلترة" لأنّه سيتم حظره في المستقبل. يُرجى الاطّلاع على الطلب 376497143.

تعني هذه القيود أنّ استخدام نسيج عمق مع أداة أخذ عينات لا تستخدم الفلترة يتطلّب إنشاء تنسيقات مجموعات الربط يدويًا. ويعود سبب ذلك إلى أنّ تنسيقات مجموعات الربط التي يتم إنشاؤها تلقائيًا لا تتيح هذه المجموعة حتى الآن. تتضمّن المشكلة 4952 في المواصفات اقتراحًا قيد المراجعة لمعالجة هذا القيد في المستقبل.

تجربة مجموعات فرعية إضافية

تم تمديد تجربة المجموعات الفرعية التي كان من المقرّر أن تنتهي في الإصدار 131 من Chrome إلى الإصدار 133، مع الانتهاء في 16 نيسان (أبريل) 2025. على الرغم من أنّ الفترة التجريبية الأولى للإصدار الأصلي تركّزت على الأداء، إلا أنّها كانت تفتقر إلى إجراءات وقائية مهمة لسهولة النقل. ستتم إضافة وسائل الوقاية هذه الآن، ما قد يؤدي إلى حدوث أخطاء في الرمز البرمجي الحالي.

تحسين تجربة المطوّرين

يظهر الآن تحذير في DevTools عند استخدام الخيار powerPreference مع requestAdapter() على نظام التشغيل Windows. ستتم إزالة هذا التحذير عندما يتعرّف Chrome على كيفية استخدام وحدتَي معالجة رسومات مختلفتَين ودمج النتائج بينهما. راجِع الطلب 369219127.

يظهر حجم ذاكرة التخزين المؤقت لوحدة معالجة الرسومات الآن في رسالة الخطأ عند إنشاء ذاكرة تخزين مؤقت لوحدة معالجة الرسومات كبيرة جدًا. راجِع المشكلة 374167798.

إتاحة تجريبية لتنسيقات العناصر المسطّحة العادية بسعة 16 بت

تتوفّر الآن تنسيقات النسيج العادية ذات التوقيع وبدون توقيع بسعة 16 بت بشكل تجريبي من خلال ميزتَي وحدة معالجة الرسومات "chromium-experimental-snorm16-texture-formats" و"chromium-experimental-unorm16-texture-formats" على التوالي، وذلك أثناء مناقشة عملية توحيده.

توفّر هذه الميزات إمكانية استخدام تنسيقات النسيج العادية بسعة 16 بت مع استخدام COPY_SRC وCOPY_DST وTEXTURE_BINDING وRENDER_ATTACHMENT وإمكانيات أخذ عيّنات متعددة وحلّ المشاكل. وتشمل التنسيقات الإضافية "r16unorm" و"rg16unorm" و"rgba16unorm" و"r16snorm" و"rg16snorm" و"rgba16snorm".

إلى أن يتم توحيد هذه الميزات التجريبية، يمكنك تفعيل العلامة "Unsafe WebGPU Support" (إتاحة WebGPU غير الآمن) في chrome://flags/#enable-unsafe-webgpu لإتاحتها في Chrome.

راجِع المقتطف التالي والمشكلة 374790898.

const adapter = await navigator.gpu.requestAdapter();
if (!adapter.features.has("chromium-experimental-snorm16-texture-formats")) {
  throw new Error("16-bit signed normalized formats support is not available");
}
// Explicitly request 16-bit signed normalized formats support.
const device = await adapter.requestDevice({
  requiredFeatures: ["chromium-experimental-snorm16-texture-formats"],
});

// Create a texture with the rgba16snorm format which consists of four
// components, each of which is a 16-bit, normalized, signed integer value.
const texture = device.createTexture({
  size: [4, 4],
  format: "rgba16snorm",
  usage: GPUTextureUsage.RENDER_ATTACHMENT | GPUTextureUsage.TEXTURE_BINDING,
});

// Send the appropriate commands to the GPU...

آخر الأخبار من Dawn

تم إيقاف استخدام طرق EnumerateFeatures(FeatureName * features) من wgpu::Adapter وwgpu::Device نهائيًا واستبدالها باستخدام GetFeatures(SupportedFeatures * features). راجِع المشكلة 368672123.

غيّرت واجهة برمجة التطبيقات C لـ webgpu.h كل char const * إلى بنية WGPUStringView التي تحدّد عرضًا في سلسلة تم ترميزها باستخدام UTF-8. ويعمل هذا العنصر كإشارة إلى بيانات السلسلة، إلى جانب الطول. يتيح لك ذلك العمل مع أجزاء من سلسلة بدون الحاجة إلى نسخها. راجِع الطلب 42241188.

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

الميزات الجديدة في WebGPU

قائمة بكل ما تم تناوله في سلسلة الميزات الجديدة في WebGPU

Chrome 132

Chrome 131

Chrome 130

الإصدار 129 من Chrome

Chrome 128

الإصدار 127 من Chrome

الإصدار 126 من Chrome

الإصدار 125 من Chrome

Chrome 124

Chrome 123

Chrome 122

الإصدار 121 من Chrome

الإصدار 120 من Chrome

الإصدار 119 من Chrome

Chrome 118

Chrome 117

Chrome 116

Chrome 115

الإصدار 114 من Chrome

Chrome 113