Google uses AI technology to translate content into your preferred language. AI translations can contain errors.

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

François Beaufort

مسافات القطع في WGSL

تتيح لك مسافات القطع حصر حجم قطع العناصر الأساسية باستخدام أنصاف مساحات يحدّدها المستخدم في ناتج مرحلة الرأس. يمنحك تحديد مستويات القطع الخاصة بك تحكّمًا أكبر في العناصر المرئية في مشاهد WebGPU. تُعدّ هذه التقنية مفيدة بشكل خاص للتطبيقات، مثل برامج التصميم بمساعدة الكمبيوتر (CAD)، حيث يكون التحكّم الدقيق في التصور أمرًا بالغ الأهمية.

عندما تتوفّر ميزة "clip-distances" في GPUAdapter، اطلب GPUDevice باستخدام هذه الميزة للحصول على دعم لمسافات القطع في WGSL، وفعِّل هذه الإضافة بشكل صريح في رمز WGSL باستخدام enable clip_distances;. بعد تفعيلها، يمكنك استخدام مصفوفة clip_distances المضمّنة في أداة تظليل الرؤوس. تحتوي هذه المصفوفة على مسافات إلى مستوى قص يحدده المستخدم:

تعني مسافة القطع 0 أنّ الرأس يقع على المستوى.
تعني المسافة الموجبة أنّ الرأس يقع داخل نصف مساحة القطع (الجانب الذي تريد الاحتفاظ به).
تعني المسافة السلبية أنّ الرأس يقع خارج نصف مساحة القطع (الجانب الذي تريد تجاهله).

راجِع المقتطف التالي وإدخال chromestatus والمشكلة 358408571.

const adapter = await navigator.gpu.requestAdapter();
if (!adapter.features.has("clip-distances")) {
  throw new Error("Clip distances support is not available");
}
// Explicitly request clip distances support.
const device = await adapter.requestDevice({
  requiredFeatures: ["clip-distances"],
});

const vertexShaderModule = device.createShaderModule({ code: `
  enable clip_distances;

  struct VertexOut {
    @builtin(clip_distances) my_clip_distances : array<f32, 1>,
    @builtin(position) my_position : vec4f,
  }
  @vertex fn main() -> VertexOut {
    var output : VertexOut;
    output.my_clip_distances[0] = 1;
    output.my_position = vec4f(0, 0, 0, 1);
    return output;
  }
`,
});

// Send the appropriate commands to the GPU...

‫GPUCanvasContext getConfiguration()

بعد استدعاء configure() GPUCanvasContext باستخدام قاموس إعدادات، تتيح لك طريقة getConfiguration() في GPUCanvasContext التحقّق من إعدادات سياق لوحة الرسم. ويتضمّن ذلك الأعضاء device وformat وusage وviewFormats وcolorSpace وtoneMapping وalphaMode. ويكون ذلك مفيدًا في مهام مثل التحقّق مما إذا كان المتصفّح يتيح لوحة الرسم بنطاق ديناميكي عالٍ، كما هو موضّح في نموذج الجسيمات (HDR). راجِع المقتطف التالي وإدخال chromestatus والمشكلة 370109829.

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

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

// Configure the canvas for HDR.
context.configure({
  device,
  format: "rgba16float",
  toneMapping: { mode: "extended" },
});

const configuration = context.getConfiguration();
if (configuration.toneMapping.mode === "extended") {
  // The browser supports HDR canvas.
  // Warning! The user still needs a HDR display to enjoy HDR content.
}

يجب ألا تحتوي الأشكال الأساسية للنقاط والخطوط على انحياز العمق

كما أعلنّا سابقًا، يتيح الآن مواصفات WebGPU إمكانية ضبط depthBias وdepthBiasSlopeScale وdepthBiasClamp على قيمة غير صفرية عند ضبط طوبولوجيا خط أو نقطة في مسار العرض. يمكنك الاطّلاع على المشكلة 352567424.

وظائف مدمَجة للمسح الشامل للمجموعات الفرعية

في إطار تجربة المجموعات الفرعية، تمت إضافة وظائف المجموعات الفرعية المضمّنة التالية في الإصدار 361330160:

‫subgroupInclusiveAdd(value): تعرض مجموع عمليات البحث الشاملة لجميع عمليات الاستدعاء النشطة value في المجموعة الفرعية.
subgroupInclusiveMul(value): تعرض هذه السمة ناتج الضرب الشامل لجميع عمليات الاستدعاء النشطة value في المجموعة الفرعية.

إتاحة تجريبية للرسم غير المباشر المتعدد

تتيح ميزة "الرسم المتعدد غير المباشر لوحدة معالجة الرسومات" إصدار طلبات رسم متعددة باستخدام أمر واحد لوحدة معالجة الرسومات. ويكون ذلك مفيدًا بشكل خاص في الحالات التي يجب فيها عرض عدد كبير من العناصر، مثل أنظمة الجسيمات والنسخ المتطابق والمشاهد الكبيرة. لا يمكن لطريقتَي drawIndirect() وdrawIndexedIndirect() GPURenderPassEncoder إصدار طلب رسم واحد فقط في كل مرة من منطقة معيّنة في مخزن مؤقت لوحدة معالجة الرسومات.

إلى أن يتم توحيد هذه الميزة التجريبية، فعِّل الخيار "تفعيل WebGPU غير الآمن" في chrome://flags/#enable-unsafe-webgpu لإتاحتها في Chrome.

عند توفّر ميزة "chromium-experimental-multi-draw-indirect" وحدة معالجة الرسومات غير العادية في GPUAdapter، اطلب GPUDevice باستخدام هذه الميزة. بعد ذلك، أنشئ GPUBuffer باستخدام GPUBufferUsage.INDIRECT لتخزين طلبات الرسم. يمكنك استخدامها لاحقًا في طريقتَي multiDrawIndirect() وmultiDrawIndexedIndirect() الجديدتَين في GPURenderPassEncoder لإصدار طلبات رسم داخل عملية عرض. راجِع المقتطف التالي والمشكلة 356461286.

const adapter = await navigator.gpu.requestAdapter();
if (!adapter.features.has("chromium-experimental-multi-draw-indirect")) {
  throw new Error("Experimental multi-draw indirect support is not available");
}
// Explicitly request experimental multi-draw indirect support.
const device = await adapter.requestDevice({
  requiredFeatures: ["chromium-experimental-multi-draw-indirect"],
});

// Draw call have vertexCount, instanceCount, firstVertex, and firstInstance parameters.
const drawData = new Uint32Array([
  3, 1, 0, 0, // First draw call
  3, 1, 3, 0, // Second draw call
]);
// Create a buffer to store the draw calls.
const drawBuffer = device.createBuffer({
  size: drawData.byteLength,
  usage: GPUBufferUsage.INDIRECT | GPUBufferUsage.COPY_DST,
});
device.queue.writeBuffer(drawBuffer, 0, drawData);

// Create a render pipeline, a vertex buffer, and a render pass encoder...

// Inside a render pass, issue the draw calls.
myPassEncoder.setPipeline(myPipeline);
myPassEncoder.setVertexBuffer(0, myVertexBuffer);
myPassEncoder.multiDrawIndirect(drawBuffer, /*offset=*/ 0, /*maxDrawCount=*/ 2);
myPassEncoder.end();

خيار تجميع وحدة التظليل الرياضي المتشدد

تمت إضافة خيار المطوّرين strictMath المنطقي إلى GPUShaderModuleDescriptor للسماح لك بتفعيل أو إيقاف العمليات الحسابية الدقيقة أثناء تجميع وحدة تظليل. يتوفّر هذا الخيار خلف العلامة "ميزات المطوّرين في WebGPU" في chrome://flags/#enable-webgpu-developer-features، ما يعني أنّها ميزة مخصّصة للاستخدام أثناء التطوير فقط. يمكنك الاطّلاع على المشكلة 42241455.

يتوفّر هذا الخيار حاليًا على Metal وDirect3D. وعند إيقاف ميزة "الرياضيات الدقيقة"، قد يحسّن المترجم برامج التظليل من خلال:

تجاهل إمكانية ظهور القيم NaN وInfinity
التعامل مع القيمة -0 على أنّها +0
استبدال القسمة بعملية ضرب أسرع في المقلوب
إعادة ترتيب العمليات الحسابية استنادًا إلى الخصائص التجميعية والتوزيعية

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

const code = `
  // Examines the bit pattern of the floating-point number to
  // determine if it represents a NaN according to the IEEE 754 standard.
  fn isNan(x : f32) -> bool {
    bool ones_exp = (bitcast<u32>(x) & 0x7f8) == 0x7f8;
    bool non_zero_sig = (bitcast<u32>(x) & 0x7ffff) != 0;
    return ones_exp && non_zero_sig;
  }
  // ...
`;

// Enable strict math during shader compilation.
const shaderModule = device.createShaderModule({ code, strictMath: true });

إزالة طريقة requestAdapterInfo()‎ في GPUAdapter

الطريقة غير المتزامنة requestAdapterInfo() في GPUAdapter غير ضرورية، إذ يمكنك الحصول على GPUAdapterInfo بشكل متزامن باستخدام السمة info في GPUAdapter. وبالتالي، تمت الآن إزالة طريقة requestAdapterInfo() غير العادية في GPUAdapter. اطّلِع على إشعار النية بالإزالة.

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

يقيس الملف التنفيذي tint_benchmark تكلفة ترجمة برامج التظليل من WGSL إلى كل لغة من لغات الخلفية. يمكنك الاطّلاع على المستندات الجديدة لمعرفة المزيد من المعلومات حول هذه الميزة.

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