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

François Beaufort
François Beaufort

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

استخدام TextureView

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

سمة 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 149-150

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