drawArrays()メソッド

WebGLRenderingContext ＞ drawArrays()メソッド

drawArrays()メソッドとは？

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

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


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

構文


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

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

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

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

戻り値
・なし

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

　閲覧数:337　投稿日: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
2024/11/23 11:52 更新
週間人気ページランキング ／ 11-16 → 11-22
順位 ページタイトル抜粋 アクセス数
1 フォーム | その他 4
2 アフィン変換 | transform()メソッド(CanvasRenderingContext2D ) 3
3 moveTo()メソッド(CanvasRenderingContext2D ) カテゴリー 2
3 bufferData()メソッド(WebGLRenderingContext) カテゴリー 2
3 シェーダー | compileShader()メソッド(WebGLRenderingContext) 2
3 drawArrays()メソッド | WebGLRenderingContext 2
4 strokeStyleプロパティ(CanvasRenderingContext2D ) カテゴリー 1
4 arc()メソッド(CanvasRenderingContext2D ) カテゴリー 1
4 WebGLProgram カテゴリー 1
4 createProgram()メソッド(WebGLRenderingContext) カテゴリー 1
4 ログイン 1
4 RGBA | 色 1
4 ゲストコメント一覧ページ 1
4 カテゴリ一覧 1
4 アカウント登録 1
4 shaderSource()メソッド(WebGLRenderingContext) カテゴリー 1
4 「線形グラデーションで塗りつぶした四角形」を描画するためには？ 1
4 rect()メソッド | CanvasRenderingContext2D 1
4 strokeRect() メソッド | CanvasRenderingContext2D 1
4 save()メソッド | CanvasRenderingContext2D 1
2024/11/23 1:01 更新