Yang Baru di WebGPU (Chrome 119)

François Beaufort
François Beaufort
GitHub

Tekstur float 32-bit yang dapat difilter

Tekstur floating point 32-bit digunakan untuk menyimpan data presisi tinggi, seperti gambar HDR dan peta kedalaman. Tekstur ini sangat penting untuk GPU yang digunakan dalam aplikasi game kelas atas dan profesional.

Dukungan tekstur float 32-bit yang dapat difilter menjelaskan kemampuan GPU untuk memfilter tekstur floating point 32-bit. Artinya, GPU dapat menghaluskan tepi tekstur floating point, sehingga membuatnya tampak tidak bergerigi. Tekstur ini mirip dengan ekstensi "OES_texture_float_linear" di WebGL.

Tidak semua GPU mendukung tekstur float 32-bit yang dapat difilter. Jika fitur "float32-filterable" tersedia di GPUAdapter, Anda kini dapat meminta GPUDevice dengan fitur ini dan memfilter tekstur dengan format "r32float", "rg32float", dan "rgba32float". Lihat contoh dan masalah berikut dawn:1664.

const adapter = await navigator.gpu.requestAdapter();
if (!adapter.features.has("float32-filterable")) {
  throw new Error("Filterable 32-bit float textures support is not available");
}
// Explicitly request filterable 32-bit float textures support.
const device = await adapter.requestDevice({
  requiredFeatures: ["float32-filterable"],
});

// Create a sampler with linear filtering.
const sampler = device.createSampler({
  magFilter: "linear",
});

// Create a texture with rgba32float format.
const texture = device.createTexture({
  size: [100, 100],
  format: "rgba32float",
  usage: GPUTextureUsage.COPY_DST | GPUTextureUsage.TEXTURE_BINDING,
});

// Write data to texture, create a bindgroup with sampler and texture and
// send the appropriate commands to the GPU....

Format verteks unorm10-10-10-2

Format verteks baru yang disebut "unorm10-10-10-2" atau "rgb10a2" telah ditambahkan ke spesifikasi WebGPU. Format ini terdiri dari satu nilai 32-bit yang dikemas dengan empat nilai bilangan bulat tidak bertanda tangan yang dinormalisasi, yang disusun sebagai 10 bit, 10 bit, 10 bit, dan 2 bit. Lihat contoh dan masalah berikut dawn:2044.

// Define the layout of vertex attribute data with unorm10-10-10-2 format.
const buffers = [
  {
    arrayStride: 0,
    attributes: [
      { format: "unorm10-10-10-2", offset: 0, shaderLocation: 0 },
    ],
  },
];

// Describe the vertex shader entry point and its input buffer layouts.
const vertex = {
  module: myVertexShaderModule,
  entryPoint: "main",
  buffers,
};

// Pass vertex to device.createRenderPipeline() and
// use vec4<f32> type in WGSL shader code to manipulate data.

Format tekstur rgb10a2uint

Format tekstur baru yang disebut "rgb10a2uint" telah ditambahkan ke spesifikasi WebGPU. Format ini terdiri dari format piksel 32-bit yang dikemas dengan empat komponen bilangan bulat tidak bertanda tangan: merah 10-bit, hijau 10-bit, biru 10-bit, dan alfa 2-bit. Lihat contoh dan masalah berikut dawn:1936.

// Create a texture with rgb10a2uint format.
const texture = device.createTexture({
  size: [100, 100],
  format: "rgb10a2uint",
  usage: GPUTextureUsage.COPY_DST | GPUTextureUsage.TEXTURE_BINDING,
});

// Write data to texture, create a bindgroup with texture and
// send the appropriate commands to the GPU....

Info terbaru Dawn

Kueri stempel waktu memungkinkan aplikasi WebGPU mengukur secara akurat (hingga nanodetik) berapa lama waktu yang dibutuhkan perintah GPU untuk dieksekusi. Bentuk API untuk mengambil kueri stempel waktu di awal dan akhir penerusan telah diperbarui agar sesuai dengan spesifikasi WebGPU. Lihat contoh dan masalah berikut dawn:1800.

// Create a timestamp query set that will store the timestamp values.
wgpu::QuerySetDescriptor querySetDescriptor = {
    .count = 2,
    .type = wgpu::QueryType::Timestamp};
wgpu::QuerySet querySet = device.CreateQuerySet(&querySetDescriptor);

wgpu::RenderPassTimestampWrites timestampWrites = {
    .querySet = querySet,
    .beginningOfPassWriteIndex = 0,
    .endOfPassWriteIndex = 1};
wgpu::ComputePassDescriptor pass{.timestampWrites = &timestampWrites};

// Write the queue timestamp into beginningOfPassWriteIndex and
// endOfPassWriteIndex of myQuerySet respectively before and after the pass
// commands execute.
myEncoder.BeginComputePass(&pass);

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

Yang Baru di WebGPU

Daftar semua hal yang telah dibahas dalam seri Yang Baru di 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