WebGPU'daki Yenilikler (Chrome 119)

François Beaufort
François Beaufort
GitHub

Filtrelenebilir 32 bit kayan dokular

32 bit kayan nokta dokuları, HDR görüntüler ve derinlik haritaları gibi yüksek hassasiyetli verileri depolamak için kullanılır. Bunlar, özellikle ileri teknoloji oyunlar ve profesyonel uygulamalarda kullanılan GPU'lar için önemlidir.

Filtrelenebilir 32 bit kayan doku desteği, bir GPU'nun 32 bit kayan nokta dokularını filtreleme olanağını açıklar. Bu, GPU'nun kayan nokta dokularının kenarlarını yumuşatarak daha az pürüzlü görünmelerini sağladığı anlamına gelir. "OES_texture_float_doğrusal" değerine benzerdir uzantısını açın.

Bazı GPU'lar filtrelenebilir 32 bit kayan dokuları desteklemez. "float32-filterable" özelliği GPUAdapter içinde kullanıma sunulduğunda artık bu özellikle bir GPUDevice isteyebilir ve dokuları "r32float", "rg32float" ve "Rg32float" ile filtreleyebilirsiniz biçimlerinden biridir. Aşağıdaki örneği ve sorun şafak:1664 bilgisini inceleyin.

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....

unorm10-10-10-2 tepe noktası biçimi

"unorm10-10-10-2" adlı yeni bir tepe noktası biçimi diğer adıyla "AdX10a2" WebGPU spesifikasyonuna eklenmiştir. 10 bit, 10 bit, 10 bit ve 2 bit şeklinde düzenlenmiş, dört normalleştirilmiş imzalanmamış tam sayı değerine sahip bir 32 bitlik paketlenmiş değerden oluşur. Aşağıdaki örneği ve sorun şafak:2044 bilgisini inceleyin.

// 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.

rgb10a2uint doku biçimi

"DR10a2uint" adlı yeni bir doku biçimi WebGPU spesifikasyonuna eklenmiştir. Dört imzasız tam sayı bileşeni içeren 32 bit paketlenmiş piksel biçiminden oluşur: 10 bit kırmızı, 10 bit yeşil, 10 bit mavi ve 2 bit alfa. Aşağıdaki örneği ve sorun şafak:1936 bilgisini inceleyin.

// 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....

Şafak güncellemeleri

Zaman damgası sorguları, WebGPU uygulamalarının GPU komutlarının yürütülmesi için geçen süreyi (nanosaniyeye kadar) hassas bir şekilde ölçmesine olanak tanır. Kartların başındaki ve sonundaki zaman damgası sorgularını yakalamak için kullanılan API şekli, WebGPU spesifikasyonuyla eşleşecek şekilde güncellendi. Aşağıdaki örneği ve sorun şafak:1800 bilgisini inceleyin.

// 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);

Bunlar, öne çıkan özelliklerden yalnızca bazılarıdır. Taahhütlerin kapsamlı listesini inceleyin.

WebGPU'daki Yenilikler

WebGPU'daki Yenilikler serisinde ele alınan her şeyin listesi.

Chrome 127 sürümü

Chrome 126

Chrome 125 sürümü

Chrome 124 sürümü

Chrome 123

Chrome 122

Chrome 121

Chrome 120

Chrome 119 sürümü

Chrome 118 sürümü

Chrome 117 sürümü

Chrome 116

Chrome 115 sürümü

Chrome 114 sürümü

Chrome 113