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

تتيح ميزة وحدة معالجة الرسومات الجديدة "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 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