WebGL2RenderingContext: drawArraysInstanced() 方法

Baseline 已廣泛支援

此功能已成熟,並可在多種裝置和瀏覽器版本上執行。自 2021 年 9 月起,所有瀏覽器均已支援此功能。

注意:此功能在 Web Workers 中可用。

WebGL2RenderingContext.drawArraysInstanced() 方法是 WebGL 2 API 的一部分,它像 gl.drawArrays() 方法一樣,透過陣列資料渲染圖元。此外,它還可以執行範圍內的元素的多重例項渲染。

注意:在使用 WebGL 1 時,ANGLE_instanced_arrays 擴充套件也可以提供此方法。

語法

js
drawArraysInstanced(mode, first, count, instanceCount)

引數

模式

一個 GLenum,指定要渲染的圖元型別。可能的值有:

  • gl.POINTS:繪製一個點。
  • gl.LINE_STRIP:繪製一條連線到下一個頂點的直線。
  • gl.LINE_LOOP:繪製一條連線到下一個頂點的直線,並將最後一個頂點連接回第一個頂點。
  • gl.LINES:在兩個頂點之間繪製一條線。
  • gl.TRIANGLE_STRIP
  • gl.TRIANGLE_FAN
  • gl.TRIANGLES:為一組三個頂點繪製一個三角形。
first

一個 GLint,指定向量點陣列中的起始索引。

計數

一個 GLsizei,指定要渲染的索引數量。

instanceCount

一個 GLsizei 型別的值,指定要執行的元素範圍的例項數量。

返回值

無(undefined)。

示例

js
gl.drawArraysInstanced(gl.POINTS, 0, 8, 4);

規範

規範
WebGL 2.0 規範
# 3.7.9

瀏覽器相容性

另見