このページはコミュニティーの尽力で英語から翻訳されました。MDN Web Docs コミュニティーについてもっと知り、仲間になるにはこちらから。

View in English Always switch to English

WebGLRenderingContext.drawArrays()

Baseline 広く利用可能

この機能は広く実装されており、多くのバージョンの端末やブラウザーで動作します。2015年7月以降、すべてのブラウザーで利用可能です。

WebGL APIWebGLRenderingContext.drawArrays() メソッドは、配列データからプリミティブを描画します。

構文

void gl.drawArrays(mode, first, count);

引数

mode

描画するプリミティブの種類を指定する GLenum。以下の値を取ることができます。

  • gl.POINTS: 単一の点を描画します。
  • gl.LINE_STRIP: 次の線へと直線を描画します。
  • gl.LINE_LOOP: 次の線へと直線を描画し、最後の頂点は最初のものに接続します。
  • gl.LINES: 頂点 2 つごとに、その間に線を描画します。
  • gl.TRIANGLE_STRIP
  • gl.TRIANGLE_FAN
  • gl.TRIANGLES: 頂点 3 つの集まりごとに、三角形を描画します。
first

頂点ベクトルの配列の開始インデックスを指定する GLint

count

描画されるインデックスの数を指定する GLsizei

返り値

ありません。

例外

  • mode が許容された値のどれでもない場合、gl.INVALID_ENUM エラーがスローされます。
  • firstcount が負数の場合、gl.INVALID_VALUE エラーがスローされます。
  • gl.CURRENT_PROGRAMnull の場合、gl.INVALID_OPERATION エラーがスローされます。

js
gl.drawArrays(gl.POINTS, 0, 8);

仕様書

仕様書
WebGL Specification
# 5.14.11

ブラウザーの互換性

関連情報