Halaman ini diterjemahkan oleh Cloud Translation API.

Yang Baru di WebGPU (Chrome 132)

François Beaufort

Dipublikasikan: 8 Januari 2025

Penggunaan tampilan tekstur

Tampilan tekstur GPU saat ini mewarisi semua tanda penggunaan dari tekstur GPU sumbernya. Hal ini dapat menimbulkan masalah karena beberapa format tampilan tidak kompatibel dengan penggunaan tertentu. Untuk mengatasi masalah ini, memanggil createView() dengan anggota usage opsional memungkinkan Anda menentukan secara eksplisit subset flag penggunaan tekstur sumber yang kompatibel dengan format tampilan yang dipilih.

Perubahan ini memungkinkan validasi di muka dan kontrol yang lebih terperinci atas cara penggunaan tampilan. Hal ini juga selaras dengan API grafis lainnya yang menggunakan flag penggunaan sebagai parameter umum dalam pembuatan tampilan, sehingga menawarkan peluang pengoptimalan.

Lihat cuplikan berikut, entri chromestatus, dan masalah 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.
});

Pencampuran tekstur float 32-bit

Tekstur floating point 32-bit sangat penting untuk rendering HDR guna mempertahankan berbagai nilai warna dan mencegah artefak garis warna (banding). Misalnya dalam visualisasi ilmiah.

Fitur GPU "float32-blendable" baru membuat tekstur GPU dengan format "r32float", "rg32float", dan "rgba32float" dapat digabungkan. Membuat pipeline render yang menggunakan blending dengan lampiran format float32 kini dapat dilakukan saat meminta perangkat GPU dengan fitur ini.

Lihat cuplikan berikut, entri chromestatus, dan masalah 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...

Atribut GPUDevice `adapterInfo`

Penting bagi library yang menggunakan objek GPUDevice yang disediakan pengguna untuk mengakses informasi tentang GPU fisik, karena mereka mungkin perlu mengoptimalkan atau menerapkan solusi berdasarkan arsitektur GPU. Meskipun informasi ini dapat diakses melalui objek GPUAdapter, tidak ada cara langsung untuk mendapatkannya hanya dari GPUDevice. Hal ini dapat merepotkan, karena pengguna mungkin perlu memberikan informasi tambahan bersama dengan GPUDevice.

Untuk mengatasi masalah ini, GPUAdapterInfo kini ditampilkan melalui atribut GPUDevice adapterInfo. Atribut tersebut mirip dengan atribut GPUAdapter info yang ada.

Lihat cuplikan berikut, entri chromestatus, dan masalah 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.
  }
}

Mengonfigurasi konteks kanvas dengan format yang tidak valid akan memunculkan error JavaScript

Sebelumnya, penggunaan format tekstur yang tidak valid dengan metode configure() dari konteks kanvas GPU akan menghasilkan error validasi GPU. Hal ini telah diubah untuk memunculkan TypeError JavaScript. Hal ini mencegah skenario saat getCurrentTexture() menampilkan tekstur GPU yang valid meskipun konteks kanvas GPU dikonfigurasi dengan tidak benar. Informasi selengkapnya dapat ditemukan di masalah 372837859.

Memfilter batasan sampler pada tekstur

Sebelumnya, penggunaan "sint", "uint", dan "depth" format tekstur dengan sampel pemfilteran diizinkan. Sekarang, tekstur format "sint" atau "uint" tidak diizinkan untuk digunakan dengan sampler pemfilteran. Perhatikan bahwa saat ini, kode tersebut akan memunculkan peringatan jika Anda menggunakan tekstur "depth" dengan sampler pemfilteran karena tidak akan diizinkan pada masa mendatang. Lihat masalah 376497143.

Batasan tersebut berarti penggunaan tekstur kedalaman dengan sampler non-pemfilteran memerlukan pembuatan tata letak grup pengikatan secara manual. Hal ini karena tata letak bind group yang dibuat "otomatis" belum mendukung kombinasi ini. Masalah spesifikasi 4952 berisi proposal yang sedang dipertimbangkan untuk mengatasi batasan ini pada masa mendatang.

Eksperimen subgrup yang diperluas

Eksperimen subgrup, yang awalnya ditetapkan berakhir di Chrome 131, telah diperpanjang hingga Chrome 133, dan akan berakhir pada 16 April 2025. Meskipun uji coba origin pertama berfokus pada performa, uji coba tersebut tidak memiliki pengamanan portabilitas yang penting. Pengamanan ini akan ditambahkan, yang berpotensi menyebabkan error dalam kode yang ada.

Meningkatkan pengalaman developer

Peringatan kini terlihat di DevTools saat opsi powerPreference digunakan dengan requestAdapter() di Windows. Peringatan ini akan dihapus saat Chrome mengetahui cara menggunakan dua GPU yang berbeda dan menggabungkan hasilnya. Lihat masalah 369219127.

Ukuran buffer GPU kini ada dalam pesan error saat membuat buffer GPU yang terlalu besar. Lihat masalah 374167798.

Dukungan eksperimental untuk format tekstur yang dinormalisasi 16-bit

Format tekstur yang dinormalisasi bertanda dan tidak bertanda 16-bit kini tersedia secara eksperimental di balik fitur GPU "chromium-experimental-snorm16-texture-formats" dan "chromium-experimental-unorm16-texture-formats" saat didiskusikan untuk standarisasi.

Fitur ini menambahkan dukungan untuk format tekstur yang dinormalisasi 16-bit dengan penggunaan COPY_SRC, COPY_DST, TEXTURE_BINDING, RENDER_ATTACHMENT, kemampuan multisampling, dan penyelesaian. Format tambahan adalah "r16unorm", "rg16unorm", "rgba16unorm", "r16snorm", "rg16snorm", dan "rgba16snorm".

Hingga fitur eksperimental ini distandardisasi, aktifkan tanda "Unsafe WebGPU Support" di chrome://flags/#enable-unsafe-webgpu agar fitur tersebut tersedia di Chrome.

Lihat cuplikan berikut dan masalah 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...

Update Dawn

Metode EnumerateFeatures(FeatureName * features) dari wgpu::Adapter dan wgpu::Device tidak digunakan lagi dan digantikan dengan penggunaan GetFeatures(SupportedFeatures * features). Lihat masalah 368672123.

C API webgpu.h telah mengubah semua char const * menjadi struktur WGPUStringView yang menentukan tampilan ke dalam string berenkode UTF-8. Objek ini bertindak seperti pointer ke data string, yang dipasangkan dengan panjang. Dengan demikian, Anda dapat bekerja dengan bagian string tanpa perlu menyalinnya. Lihat masalah 42241188.

Hal ini hanya mencakup beberapa sorotan utama. Lihat daftar commit yang lengkap.