דף זה תורגם על ידי 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 ביט

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

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

הגדרת הקשר של Canvas בפורמט לא תקין גורמת לשגיאת JavaScript

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

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

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

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

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

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

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

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

גודל המאגר של ה-GPU מוצג עכשיו בהודעת השגיאה כשיוצרים מאגר GPU גדול מדי. מידע נוסף על בעיה מספר 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".

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

עדכונים לגבי שעות השחר

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

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

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