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

François Beaufort
François Beaufort

تاريخ النشر: 8 يناير 2025

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

ترث طرق عرض مواد GPU حاليًا جميع علامات الاستخدام من مادة GPU المصدر. قد يكون ذلك مشكلة لأنّ بعض أشكال العرض غير متوافقة مع استخدامات معيّنة. لحلّ هذه المشكلة، يتيح لك استدعاء 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 بت ضرورية لعرض المحتوى بنطاق عالي الديناميكية (HDR) من أجل الحفاظ على مجموعة كبيرة من قيم الألوان ومنع تشوّهات نطاقات الألوان. على سبيل المثال، في التصور العلمي.

تتيح ميزة "float32-blendable" الجديدة لوحدة معالجة الرسومات إمكانية دمج مواد GPU بتنسيقات "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...

سمة adapterInfo GPUDevice

من المهم أن تتمكّن المكتبات التي تستخدم عناصر 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() لسياق لوحة العرض على وحدة معالجة الرسومات يؤدي إلى حدوث خطأ في التحقّق من صحة وحدة معالجة الرسومات. تم تغيير ذلك لطرح TypeError في JavaScript. يمنع ذلك سيناريوهات يعرض فيها getCurrentTexture() نسيجًا صالحًا لوحدة معالجة الرسومات على الرغم من إعداد سياق لوحة الرسم لوحدة معالجة الرسومات بشكل غير صحيح. يمكنك الاطّلاع على مزيد من المعلومات في المشكلة 372837859.

قيود فلترة أدوات أخذ العينات على الأنسجة

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

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

تجربة المجموعات الفرعية الموسّعة

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

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

يظهر الآن تحذير في "أدوات مطوّري البرامج" عند استخدام الخيار 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".

إلى أن يتم توحيد هذه الميزات التجريبية، فعِّل العلامة "تفعيل WebGPU غير الآمن" (Unsafe WebGPU Support) على 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...

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

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

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

هذا يغطي بعض النقاط الرئيسية فقط. اطّلِع على قائمة عمليات الدمج الشاملة.

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

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

Chrome 147-148

‫Chrome 146

Chrome 145

‫Chrome 144

Chrome 143

الإصدار 142 من Chrome

‫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