GPURenderBundleEncoder: метод draw()

Ограниченная доступность

Эта функция не относится к Baseline, так как она не работает в некоторых из самых широко используемых браузеров.

Экспериментально: Это экспериментальная технология
Перед использованием в производственной среде внимательно проверьте таблицу совместимости браузеров.

Безопасный контекст: Эта функция доступна только в безопасных контекстах (HTTPS) в некоторых или во всех поддерживающих браузерах.

Примечание: Эта функция доступна в Web Workers.

Метод draw() интерфейса GPURenderBundleEncoder отрисовывает примитивы на основе буферов вершин, предоставленных setVertexBuffer().

Примечание: Этот метод функционально идентичен своему эквиваленту в GPURenderPassEncoder — draw().

Синтаксис

draw(vertexCount)
draw(vertexCount, instanceCount)
draw(vertexCount, instanceCount, firstVertex)
draw(vertexCount, instanceCount, firstVertex, firstInstance)

Параметры

vertexCount: Число, определяющее количество вершин для отрисовки.
instanceCount Необязательно: Число, определяющее количество экземпляров для отрисовки. Если опущено, по умолчанию instanceCount равно 1.
firstVertex Необязательно: Число, определяющее смещение в буферах вершин, в вершинах, с которого начинать отрисовку. Если опущено, по умолчанию firstVertex равно 0.
firstInstance Необязательно: Число, определяющее первый экземпляр для отрисовки. Если опущено, по умолчанию firstInstance равно 0.

Возвращаемое значение

Ничего (Undefined).

Примеры

function recordRenderPass(passEncoder) {
  if (settings.dynamicOffsets) {
    passEncoder.setPipeline(dynamicPipeline);
  } else {
    passEncoder.setPipeline(pipeline);
  }
  passEncoder.setVertexBuffer(0, vertexBuffer);
  passEncoder.setBindGroup(0, timeBindGroup);
  const dynamicOffsets = [0];
  for (let i = 0; i < numTriangles; ++i) {
    if (settings.dynamicOffsets) {
      dynamicOffsets[0] = i * alignedUniformBytes;
      passEncoder.setBindGroup(1, dynamicBindGroup, dynamicOffsets);
    } else {
      passEncoder.setBindGroup(1, bindGroups[i]);
    }
    passEncoder.draw(3, 1, 0, 0);
  }
}

Приведённый выше фрагмент взят из примера WebGPU Samples Animometer.

Спецификации

Спецификация
WebGPU # dom-gpurendercommandsmixin-draw

Совместимость с браузерами

	Рабочие столы					Мобильные устройства
	Chrome	Edge	Firefox	Opera	Safari	Chrome Android	Firefox для Android	Opera Android	Safari на iOS	Samsung Internet	WebView Android
`draw`	113 В настоящее время поддерживается только на ChromeOS, macOS и Windows.	113 В настоящее время поддерживается только на ChromeOS, macOS и Windows.	превью В настоящее время поддерживается только на Linux и Windows.	99 В настоящее время поддерживается только на ChromeOS, macOS и Windows.	превью	121	Нет	81	Нет	25.0	121

См. также

API WebGPU

© 2005–2024 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/GPURenderBundleEncoder/draw