drawArrays()メソッド

WebGLRenderingContext ＞ drawArrays()メソッド

drawArrays()メソッドとは？

　状態:- 　閲覧数:788 　投稿日:2018-08-03 　更新日:2018-08-05 　

WebGLRenderingContextオブジェクトのメソッド


配列データからプリミティブをレンダリングする
・頂点情報を配列で正しい順番に格納
・配列内容を描画

構文


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

第1引数
・頂点をどのように利用して描画するのかを指定するための組み込み定数を指定

第2引数
・何番目の頂点から利用するかのオフセットを表す数値を指定

第3引数
・いくつの頂点を描画するのかを数値で指定

戻り値
・なし

具体例。gl.drawArrays(gl.TRIANGLES, 0, 3);

　閲覧数:439　投稿日:2018-08-04　更新日:2018-08-04　

具体例


第1引数にgl.TRAIANGLES を指定しているので、頂点は純粋な三角形ポリゴンとして三つの頂点を利用して描画される
gl.drawArrays(gl.TRIANGLES, 0, 3);


コメント投稿(ログインが必要)



類似度ページランキング
順位 ページタイトル抜粋 ％
1 drawArrays()メソッド 81
2 arc()メソッド 64
3 drawImage() メソッド 63
4 save()メソッド 62
5 clear()メソッド 59
6 scale()メソッド 59
7 shaderSource()メソッド 59
8 transform()メソッド 58
9 translate() メソッド 56
10 now()メソッド 56
11 stroke() メソッド 55
12 rect()メソッド 54
13 addColorStop()メソッド 53
14 setTransform()メソッド 53
15 createShader()メソッド 53
16 clearRect()メソッド 52
17 compileShader()メソッド 51
18 clearColor()メソッド 50
19 clearDepth()メソッド 50
20 bindBuffer()メソッド 50
2025/11/04 15:54 更新
週間人気ページランキング ／ 10-28 → 11-3
順位 ページタイトル抜粋 アクセス数
1 HTML5用語 3
2 now()メソッド | Performanceインターフェイス 2
3 lineWidthプロパティ | CanvasRenderingContext2D 1
3 compileShader()メソッド | WebGLRenderingContext 1
3 globalAlphaプロパティ(CanvasRenderingContext2D ) カテゴリー 1
3 strokeStyleプロパティ | CanvasRenderingContext2D 1
3 drawImage() メソッド | drawImage()メソッド(CanvasRenderingContext2D ) 1
3 WebGLShader 1
3 globalCompositeOperationプロパティ(CanvasRenderingContext2D ) カテゴリー 1
3 compileShader()メソッド(WebGLRenderingContext) カテゴリー 1
3 カテゴリ一覧 1
3 addColorStop()メソッド | CanvasGradient 1
3 setTransform()メソッド | CanvasRenderingContext2D 1
3 fill()メソッド(CanvasRenderingContext2D ) カテゴリー 1
3 scale()メソッド | CanvasRenderingContext2D 1
2025/11/4 1:01 更新