موارد جدید در WebGPU (Chrome 118)

فرانسوا بوفور
François Beaufort
GitHub

پشتیبانی از HTMLImageElement و ImageData در copyExternalImageToTexture()

متد copyExternalImageToTexture() در GPUQueue به شما این امکان را می دهد که یک عکس فوری گرفته شده از یک تصویر منبع، ویدئو یا بوم را در یک GPUTexture معین کپی کنید. اکنون می توانید اشیاء HTMLImageElement و ImageData را به عنوان منبع ارسال کنید. مثال زیر را ببینید و Chromium:1471372 را صادر کنید .

// Fetch and decode image.
const source = document.createElement("img");
source.src = "my-image.png";
await source.decode();

// Create destination texture.
const size = [source.width, source.height];
const texture = myDevice.createTexture({
 size,
 format: "rgba8unorm",
 usage:
   GPUTextureUsage.COPY_DST |
   GPUTextureUsage.RENDER_ATTACHMENT |
   GPUTextureUsage.TEXTURE_BINDING,
});

// Copies a snapshot taken from the source image into a texture.
myDevice.queue.copyExternalImageToTexture({ source }, { texture }, size);

پشتیبانی آزمایشی از بافت ذخیره‌سازی خواندنی-نوشتنی و فقط خواندنی

نوع اتصال بافت ذخیره‌سازی به شما امکان می‌دهد خواندن بافت را بدون نمونه‌گیری انجام دهید و در موقعیت‌های دلخواه در سایه‌زن‌ها ذخیره کنید. وقتی ویژگی "chromium-experimental-read-write-storage-texture" در GPUAdapter موجود است، اکنون می توانید یک GPUDevice با این ویژگی درخواست کنید و هنگام ایجاد، دسترسی GPUStorageTexture را روی "read-write" یا "read-only" تنظیم کنید. یک طرح بندی گروهی قبلاً این به "write-only" محدود می شد.

برای استفاده از این مزیت، باید این برنامه افزودنی را به صراحت در کد WGSL خود با enable chromium_experimental_read_write_storage_texture فعال کنید. وقتی فعال است، می‌توانید از واجد شرایط دسترسی read_write و read برای بافت‌های ذخیره‌سازی استفاده کنید، توابع داخلی textureLoad() و textureStore() مطابق با آن رفتار می‌کنند، و یک تابع داخلی textureBarrier() برای همگام‌سازی دسترسی‌های حافظه بافت در یک گروه کاری در دسترس است. . مثال زیر و شماره سپیده دم: 1972 را ببینید.

این ویژگی هنوز آزمایشی است و ممکن است تغییر کند. در حالی که در حال استاندارد شدن است، کروم را با پرچم --enable-dawn-features=allow_unsafe_apis اجرا کنید تا آن را در دسترس قرار دهید.

const feature = "chromium-experimental-read-write-storage-texture";
const adapter = await navigator.gpu.requestAdapter();
if (!adapter.features.has(feature)) {
  throw new Error("Read-write storage texture support is not available");
}
// Explicitly request read-write storage texture support.
const device = await adapter.requestDevice({
  requiredFeatures: [feature],
});

const bindGroupLayout = device.createBindGroupLayout({
  entries: [{
    binding: 0,
    visibility: GPUShaderStage.COMPUTE,
    storageTexture: {
      access: "read-write", // <-- New!
      format: "r32uint",
    },
  }],
});

const shaderModule = device.createShaderModule({ code: `
  enable chromium_experimental_read_write_storage_texture;
  @group(0) @binding(0) var tex : texture_storage_2d<r32uint, read_write>;

  @compute @workgroup_size(1, 1)
  fn main(@builtin(local_invocation_id) local_id: vec3u) {
    var data = textureLoad(tex, vec2i(local_id.xy));
    data.x *= 2;
    textureStore(tex, vec2i(local_id.xy), data);
  }`,
});

// You can now create a compute pipeline with this shader module and
// send the appropriate commands to the GPU.

به روز رسانی سحر

webgpu.h C API فیلدهای زیر را برای سازگاری تغییر نام داده است: requiredFeaturesCount به requiredFeatureCount ، pipelineStatisticsCount به pipelineStatisticCount ، و colorFormatsCount به colorFormatCount . شماره سپیده دم: 146040 را ببینید.

یک برنامه جدید DawnInfo (شبیه به vulkaninfo ) به شما امکان می دهد ضامن ها، آداپتورها، ویژگی های آداپتور و محدودیت های آداپتور را فهرست کنید. هنگام ساختن samples سحر در دسترس است. در اینجا خروجی زیر برای اختصار به شدت کوتاه شده است. تغییر سپیده دم:149020 را ببینید.

./out/Debug/DawnInfo
Toggles
=======
  Name: allow_unsafe_apis
    Suppresses validation errors on API entry points or parameter combinations
    that aren't considered secure yet.
    http://crbug.com/1138528
[…]

Adapter
=======
VendorID: 0x106B
Vendor: apple
Architecture: common-3
DeviceID: 0x0000
Name: Apple M1 Pro
Driver description: Metal driver on macOS Version 13.5.1 (Build 22G90)
Adapter Type: discrete GPU
Backend Type: Metal
Power: <undefined>

  Features
  ========
   * depth_clip_control
      Disable depth clipping of primitives to the clip volume
      https://bugs.chromium.org/p/dawn/issues/detail?id=1178
[…]

  Adapter Limits
  ==============
    maxTextureDimension1D: 16,384
    maxTextureDimension2D: 16,384
[…]

این تنها برخی از نکات کلیدی را پوشش می دهد. فهرست جامع تعهدات را بررسی کنید.

چه چیزی در WebGPU جدید است

فهرستی از همه چیزهایی که در سری What's New in WebGPU پوشش داده شده است.

کروم 125

کروم 124

کروم 123

کروم 122

کروم 121

کروم 120

کروم 119

کروم 118

کروم 117

کروم 116

کروم 115

کروم 114

کروم 113