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

François Beaufort
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 ביט

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

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

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

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

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

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

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

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

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

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

תמיכה ניסיונית בפורמטים של טקסטורות מנורמלות של 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".

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

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

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

מה חדש ב-WebGPU

רשימה של כל הנושאים שמופיעים בסדרת המאמרים מה חדש ב-WebGPU.

‫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