דף זה תורגם על ידי Cloud Translation API.

מה חדש ב-WebGPU (גרסה 132 של Chrome)

François Beaufort

תאריך פרסום: 8 בינואר 2025

שימוש בתצוגת הטקסטורה

תצוגות של טקסטורות GPU מקבלות כרגע בירושה את כל דגלי השימוש מטקסטורת ה-GPU המקורית שלהן. זה יכול להיות בעייתי כי חלק מפורמטים התצוגה לא תואמים לשימושים מסוימים. כדי לפתור את הבעיה, אפשר להשתמש בקריאה ל-createView() עם חבר האופציונלי usage כדי לציין במפורש קבוצת משנה של דגלי השימוש של טקסטורת המקור שתואמים לפורמט התצוגה שנבחר.

השינוי הזה מאפשר לבצע אימות מראש ולקבל שליטה פרטנית יותר על אופן השימוש בתצוגה. הוא גם תואם לממשקי API אחרים של גרפיקה שבהם דגלי שימוש הם פרמטרים נפוצים ביצירת תצוגה, ומציע הזדמנויות לאופטימיזציה.

אפשר לעיין בקטע הקוד הבא, ברשומת ה-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.
});

מיזוג של מרקמים מסוג מספר ממשי (float) ב-32 ביט

טקסטורות של נקודה צפה (floating-point) ב-32 ביט חיוניות לעיבוד HDR כדי לשמור על טווח רחב של ערכי צבעים ולמנוע פסי צבע. לדוגמה, בהמחשה חזותית של נתונים מדעיים.

התכונה החדשה של GPU‏ "float32-blendable" מאפשרת לערבב טקסטורות של GPU בפורמטים "r32float",‏ "rg32float" ו-"rgba32float". עכשיו אפשר ליצור צינור עיבוד (pipeline) של רנדור שמשתמש במיזוג עם כל קובץ מצורף בפורמט float32 כשמבקשים מכשיר GPU עם התכונה הזו.

אפשר לעיין בקטע הקוד הבא, ברשומת ה-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 הפיזי, כי יכול להיות שהן יצטרכו לבצע אופטימיזציה או ליישם פתרונות עקיפים על סמך ארכיטקטורת ה-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() של הקשר בדף הציור של ה-GPU הוביל לשגיאת אימות של ה-GPU. הפעולה הזו השתנתה, ועכשיו היא יוצרת JavaScript TypeError. כך נמנעים תרחישים שבהם הפונקציה getCurrentTexture() מחזירה טקסטורה תקינה של GPU למרות שהקשר של לוח הציור של ה-GPU מוגדר בצורה שגויה. מידע נוסף זמין בבעיה מספר 372837859.

הגבלות על דוגמי טקסטורה מסננים

בעבר, היה אפשר להשתמש בטקסטורות בפורמט "sint", "uint" ו-'depth"' עם דוגמאות סינון. עכשיו אי אפשר להשתמש בטקסטורה בפורמט "sint" או "uint" עם דגימת סינון. הערה: בשלב הזה, אם משתמשים בטקסטורה depth" עם דוגם סינון, מוצגת אזהרה כי השימוש הזה ייאסר בעתיד. מידע נוסף

ההגבלות האלה אומרות ששימוש בטקסטורת עומק עם דוגם ללא סינון מחייב יצירה ידנית של פריסות של קבוצות קשירה. הסיבה לכך היא שפריסות של קבוצות איגוד שנוצרו באופן אוטומטי עדיין לא תומכות בשילוב הזה. בעיה במפרט 4952 כוללת הצעה שנמצאת בבדיקה לטיפול בהגבלה הזו בעתיד.

ניסויים מורחבים בתת-קבוצות

הניסוי של קבוצות המשנה, שהיה אמור להסתיים ב-Chrome 131, הוארך עד Chrome 133, והוא יסתיים ב-16 באפריל 2025. ניסוי המקור הראשון התמקד בביצועים, אבל לא כלל אמצעי הגנה חיוניים להעברה. אמצעי ההגנה האלה יתווספו עכשיו, ויכול להיות שייגרמו שגיאות בקוד הקיים.

שיפור חוויית המפתחים

אזהרה מוצגת עכשיו בכלי הפיתוח כשמשתמשים באפשרות powerPreference עם requestAdapter() ב-Windows. האזהרה הזו תוסר כש-Chrome יידע איך להשתמש בשני מעבדים גרפיים שונים ולשלב את התוצאות ביניהם. מידע נוסף

גודל המאגר של ה-GPU מוצג עכשיו בהודעת השגיאה כשיוצרים מאגר GPU גדול מדי. מידע נוסף

תמיכה ניסיונית בפורמטים של טקסטורות מנורמלות של 16 ביט

פורמטים של טקסטורות מנורמלות של 16 ביט עם סימן ושל טקסטורות מנורמלות של 16 ביט ללא סימן זמינים עכשיו בניסוי מאחורי התכונות של GPU‏ "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".

עד שהתכונות הניסיוניות האלה יהפכו לתקן, צריך להפעיל את התכונה הניסיונית Unsafe WebGPU Support (תמיכה לא בטוחה ב-WebGPU) בכתובת 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...

עדכונים של Dawn

השיטות EnumerateFeatures(FeatureName * features) מ-wgpu::Adapter ומ-wgpu::Device הוצאו משימוש, ועכשיו צריך להשתמש ב-GetFeatures(SupportedFeatures * features). מידע נוסף

ב-API של C‏ webgpu.h, כל char const * השתנה למבנה WGPUStringView שמגדיר תצוגה של מחרוזת בקידוד UTF-8. הוא פועל כמו מצביע לנתוני המחרוזת, בשילוב עם אורך. כך תוכלו לעבוד עם חלקים ממחרוזת בלי שתצטרכו להעתיק אותה. מידע נוסף

המידע הזה כולל רק נקודות עיקריות. רשימה מלאה של קומיטים