Movatterモバイル変換


[0]ホーム

URL:


  1. Web
  2. Web APIs
  3. WebGL2RenderingContext
  4. drawArraysInstanced()

WebGL2RenderingContext: drawArraysInstanced() method

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since ⁨September 2021⁩.

Note: This feature is available inWeb Workers.

TheWebGL2RenderingContext.drawArraysInstanced() methodof theWebGL 2 API renders primitives fromarray data like thegl.drawArrays()method. In addition, it can execute multiple instances of the range of elements.

Note:When usingWebGL 1,theANGLE_instanced_arrays extension can provide this method,too.

Syntax

js
drawArraysInstanced(mode, first, count, instanceCount)

Parameters

mode

AGLenum specifying the type primitive to render. Possible valuesare:

  • gl.POINTS: Draws a single dot.
  • gl.LINE_STRIP: Draws a straight line to the next vertex.
  • gl.LINE_LOOP: Draws a straight line to the next vertex, andconnects the last vertex back to the first.
  • gl.LINES: Draws a line between a pair of vertices.
  • gl.TRIANGLE_STRIP
  • gl.TRIANGLE_FAN
  • gl.TRIANGLES: Draws a triangle for a group of three vertices.
first

AGLint specifying the starting index in the array of vector points.

count

AGLsizei specifying the number of indices to be rendered.

instanceCount

AGLsizei specifying the number of instances of the range of elementsto execute.

Return value

None (undefined).

Examples

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

Specifications

Specification
WebGL 2.0 Specification
# 3.7.9

Browser compatibility

See also

Help improve MDN

Learn how to contribute

This page was last modified on byMDN contributors.


[8]ページ先頭

©2009-2025 Movatter.jp