GPUQueue

Интерфейс GPUQueue API WebGPU управляет выполнением закодированных команд на GPU.

Основной очередь устройства можно получить через свойство GPUDevice.queue.

label Экспериментально

Строка, предоставляющая метку, которая может использоваться для идентификации объекта, например, в сообщениях GPUError или предупреждениях консоли.

copyExternalImageToTexture() Экспериментально

Копирует снимок, сделанный со исходного изображения, видео или холста, в заданную GPUTexture.

onSubmittedWorkDone() Экспериментально

Возвращает Promise, который разрешается, когда вся работа, отправленная на GPU через эту GPUQueue в момент вызова метода, была обработана.

submit() Экспериментально

Планирует выполнение буферов команд, представленных одним или несколькими объектами GPUCommandBuffer, GPU.

writeBuffer() Экспериментально

Записывает предоставленный источник данных в заданный GPUBuffer.

writeTexture() Экспериментально

Записывает предоставленный источник данных в заданный GPUTexture.

В нашем основном демо-примере рендеринга мы определяем некоторые вершинные данные в Float32Array, которые мы будем использовать для отрисовки треугольника:

const vertices = new Float32Array([
  0.0, 0.6, 0, 1, 1, 0, 0, 1, -0.5, -0.6, 0, 1, 0, 1, 0, 1, 0.5, -0.6, 0, 1, 0,
  0, 1, 1,
]);

Для использования этих данных в конвейере рендеринга нам необходимо поместить их в GPUBuffer. Сначала мы создадим буфер:

const vertexBuffer = device.createBuffer({
  size: vertices.byteLength, // make it big enough to store vertices in
  usage: GPUBufferUsage.VERTEX | GPUBufferUsage.COPY_DST,
});

Чтобы поместить данные в буфер, мы можем использовать функцию writeBuffer(), которая позволяет агенту пользователя определить наиболее эффективный способ копирования данных:

device.queue.writeBuffer(vertexBuffer, 0, vertices, 0, vertices.length);

Позже набор команд кодируется в GPUCommandBuffer с помощью метода GPUCommandEncoder.finish(). Затем буфер команд передается в очередь с помощью вызова submit(), готовый к обработке GPU.

device.queue.submit([commandEncoder.finish()]);

• API WebGPU