الميزات الجديدة في 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...

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

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

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

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

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

‫Chrome 155-156

‫Chrome 153-154

‫Chrome 151-152

‫Chrome 149-150

Chrome 147-148

‫Chrome 146

‫Chrome 145

‫Chrome 144

Chrome 143

‫Chrome 142

‫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