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 awal dan kontrol yang lebih terperinci atas cara tampilan digunakan. Hal ini juga selaras dengan API grafis lainnya, dengan flag penggunaan sebagai parameter umum dalam pembuatan tampilan, yang 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.
});

Penggabungan tekstur float 32-bit

Tekstur floating point 32-bit sangat penting untuk rendering HDR guna mempertahankan berbagai nilai warna dan mencegah artefak garis warna. 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 penggabungan 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 `adapterInfo` GPUDevice

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

Untuk mengatasi masalah ini, GPUAdapterInfo kini diekspos 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 menampilkan error JavaScript

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

Memfilter batasan sampler pada tekstur

Sebelumnya, penggunaan tekstur format "sint", "uint", dan "depth" dengan sampel pemfilteran diizinkan. Sekarang, fitur ini melarang penggunaan tekstur format "sint" atau "uint" dengan sampler pemfilteran dengan benar. Perhatikan bahwa saat ini kode ini 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 grup pengikatan 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 untuk berakhir di Chrome 131, telah diperpanjang hingga Chrome 133, yang akan berakhir pada 16 April 2025. Meskipun uji coba origin pertama berfokus pada performa, uji coba tersebut tidak memiliki perlindungan portabilitas yang penting. Pengamanan ini sekarang akan ditambahkan, yang berpotensi menyebabkan error dalam kode yang ada.

Meningkatkan pengalaman developer

Peringatan kini dapat dilihat 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 buffering GPU kini ada dalam pesan error saat membuat buffering GPU yang terlalu besar. Lihat masalah 374167798.

Dukungan eksperimental untuk format tekstur ternormalisasi 16-bit

Format tekstur normal bertanda tangan dan normal tanpa tanda tangan 16-bit kini tersedia secara eksperimental di balik fitur GPU "chromium-experimental-snorm16-texture-formats" dan "chromium-experimental-unorm16-texture-formats" saat sedang dibahas untuk standardisasi.

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

Hingga fitur eksperimental ini distandarisasi, aktifkan tanda "Dukungan WebGPU Tidak Aman" di chrome://flags/#enable-unsafe-webgpu agar 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 fajar

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

Webgpu.h C API telah mengubah semua char const * menjadi struktur WGPUStringView yang menentukan tampilan ke dalam string yang dienkode UTF-8. Ini bertindak seperti pointer ke data string, yang digabungkan dengan panjang. Dengan demikian, Anda dapat menggunakan bagian string tanpa perlu menyalinnya. Lihat masalah 42241188.

Bagian ini hanya membahas beberapa sorotan utama. Lihat daftar commit yang lengkap.