تمت ترجمة هذه الصفحة بواسطة Cloud Translation API‏.

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

François Beaufort

إتاحة ميزة النطاق العالي الديناميكية (HDR) مع وضع "تعيين درجة اللون"

تتوفّر للمطوّرين على الويب خيارات محدودة لإرسال محتوى بنطاق عالي الديناميكية (HDR) بالاعتماد بشكل أساسي على العنصرَين <img> و<video>. يبقى عنصر <canvas> مخصّصًا لتنسيق SDR. لإنشاء محتوى ديناميكي بتقنية النطاق العالي الديناميكية (HDR) في لوحة، يجب ترميز محتوياته كصورة بتقنية HDR قبل عرضها (يمكنك الاطّلاع على هذا العرض التجريبي للحصول على مثال).

تسمح المَعلمة الجديدة GPUCanvasToneMappingMode في إعدادات لوحة WebGPU الآن لواجهة WebGPU برسم ألوان أكثر سطوعًا من الأبيض (#FFFFFF). ويتم ذلك من خلال الأوضاع التالية:

"standard": يحصر السلوك التلقائي المحتوى في نطاق SDR للشاشة. ويتم تنفيذ هذا الوضع من خلال تثبيت جميع قيم الألوان في مساحة ألوان الشاشة بالفاصل الزمني [0, 1].
"extended": لفتح نطاق HDR الكامل للشاشة يطابق هذا الوضع "standard" في نطاق [0, 1] من الشاشة. يتمّ التقييد أو الإسقاط على النطاق الديناميكي الموسّع للشاشة وليس [0, 1].

يوضّح لك مقتطف الرمز التالي كيفية ضبط لوحة لميزة النطاق الديناميكي العالي.

const adapter = await navigator.gpu.requestAdapter();
const device = await adapter.requestDevice();

const canvas = document.querySelector("canvas");
const context = canvas.getContext("webgpu");

context.configure({
  device,
  format: "rgba16float",
  toneMapping: { mode: "extended" },
});

استكشِف تقنية HDR باستخدام WebGPU من خلال الاطّلاع على نموذج الجسيمات (بتقنية HDR) ومثال على تقنية HDR باستخدام WebGPU، والاطّلاع على إدخال chromestatus.

كمبيوتر محمول مزوّد بشاشة HDR يعرض صورة نابضة بالحياة — نموذج الجسيمات (HDR) المعروضة على شاشة بتقنية HDR

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

بعد الإعلان عن تجربة المجموعات الفرعية، أصبحت الوظائف المضمّنة في المجموعة الفرعية متاحة الآن للاستخدام في كل من أدوات تظليل عناصر الحوسبة وأنظمة تظليل الأجزاء. لم تعُد هذه الوحدات مقتصرة على وحدات تظليل الحوسبة فقط. راجِع المشكلة 354738715.

يُرجى العِلم أنّ القيمة المضمّنة subgroup_size معدّلة حاليًا في برامج تظليل الشرائح. تجنَّب استخدامها في الوقت الحالي.

علاوةً على ذلك، تمت إضافة الدوال المضمَّنة التالية للمجموعة الفرعية:

subgroupAdd(value): عرض مجموع جميع عمليات الاستدعاء النشطة value على مستوى المجموعة الفرعية
subgroupExclusiveAdd(value): تعرض مجموع المسح الضوئي الحصري لكل الاستدعاءات النشطة values على مستوى المجموعة الفرعية.
subgroupMul(value): تعرِض هذه السمة حاصل ضرب جميع عمليات الاستدعاء النشطة value في المجموعة الفرعية.
subgroupExclusiveMul(value): تعرِض هذه السمة عملية الضرب الحصرية للبحث عن جميع عمليات الاستدعاء النشطة value في المجموعة الفرعية.
subgroupAnd(value): تعرِض كل القيم الثنائية لـ "و" لجميع عمليات الاستدعاء النشطة value في المجموعة الفرعية.
subgroupOr(value): تعرِض هذه الدالة أوّل رقم ثنائي لجميع عمليات الاستدعاء النشطة value في المجموعة الفرعية.
subgroupXor(value): تعرض الرمز الثنائي XOR لجميع عمليات الاستدعاء النشطة value على مستوى المجموعة الفرعية.
subgroupMin(value): تعرض القيمة الأدنى لجميع الاستدعاءات النشطة value على مستوى المجموعة الفرعية.
subgroupMax(value): تعرض القيمة القصوى لكل عمليات الاستدعاء النشطة value على مستوى المجموعة الفرعية.
subgroupAll(value): تعرض قيمة صحيحة إذا كانت value صحيحة لجميع عمليات الاستدعاء النشطة في المجموعة الفرعية.
subgroupAny(value): تعرض القيمة "صحيح" إذا كانت السمة value صحيحة لأي استدعاء نشط في المجموعة الفرعية.
subgroupElect(): تُعرِض القيمة "صحيح" إذا كان هذا الطلب يحتوي على أدنى قيمة subgroup_invocation_id بين الطلبات النشطة في المجموعة الفرعية.
‫subgroupBroadcastFirst(value): تُرسِل value من الطلب النشط الذي يتضمن أقل قيمة subgroup_invocation_id في المجموعة الفرعية إلى جميع الطلبات النشطة الأخرى.
subgroupShuffle(value, id): عرض value من الطلب النشط الذي يتطابق subgroup_invocation_id مع id
subgroupShuffleXor(value, mask): عرض value من الطلب النشط الذي يتطابق subgroup_invocation_id مع subgroup_invocation_id ^ mask يجب أن يكون mask مُوحَّدًا ديناميكيًا.
subgroupShuffleUp(value, delta): عرض value من الطلب النشط الذي يتطابق subgroup_invocation_id مع subgroup_invocation_id - delta
subgroupShuffleDown(value, delta): عرض value من الطلب النشط الذي يتطابق subgroup_invocation_id مع subgroup_invocation_id + delta
quadBroadcast(value, id): بث value من استدعاء الإجراءات الرباعي برقم التعريف يساوي id. يجب أن يكون id تعبيرًا ثابتًا.
quadSwapX(value): تبديل value بين عمليات الاستدعاء في الرباعي في اتجاه X
quadSwapY(value): تبديل value بين عمليات الاستدعاء في الرباعي في اتجاه Y
quadSwapDiagonal(value): تبديل value بين عمليات الاستدعاء في المربّع بشكل قطري

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

تتضمّن بنية wgpu::PrimitiveState الآن إعداد التحكّم في المقطع المعني بالاستناد إلى العمق مباشرةً، ما يغني عن استخدام بنية wgpu::PrimitiveDepthClipControl منفصلة. لمزيد من المعلومات، يمكنك الاطّلاع على مقتطف الرمز التالي وwebgpu-headers PR.

// Before
wgpu::PrimitiveState primitive = {};
wgpu::PrimitiveDepthClipControl depthClipControl;
depthClipControl.unclippedDepth = true;
primitive.nextInChain = &depthClipControl;

// Now
wgpu::PrimitiveState primitive = {};
primitive.unclippedDepth = true;

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