VBOの特徴 ／ 改善の余地が残されている点

HTML5用語集

→ → → Entries ← ← ←
カテゴリー: WebGLRenderingContext 　閲覧数:502　配信日:2018-08-15 10:22


VBOの特徴


高速
→ WebGLではVBO使用が前提となっている

改善の余地が残されている点


VBO の生成方法（VBO へのデータの格納方法）を工夫することにより、GPU 上でのメモリの配置に影響を与えることができる

工夫とは？
・メモリ上にデータを配置する際、頂点単位でデータがまとまって格納される ようにする

・GPU本来の性能を引き出すWebGL頂点データ作成法

週間人気ページランキング ／ 6-30 → 7-6
順位 ページタイトル抜粋 アクセス数
1 HTML5用語 13
2 scale()メソッド | CanvasRenderingContext2D 3
3 fillStyleプロパティ | CanvasRenderingContext2D 2
3 stroke()メソッド(CanvasRenderingContext2D ) カテゴリー 2
3 createImageData()メソッド | CanvasRenderingContext2D 2
4 compileShader()メソッド | WebGLRenderingContext 1
4 globalAlphaプロパティ | CanvasRenderingContext2D 1
4 ログイン 1
4 setItem()メソッド(HTMLStorageオブジェクト) カテゴリー 1
4 fill()メソッド | CanvasRenderingContext2D 1
4 WebGLShader 1
4 save()メソッド | CanvasRenderingContext2D 1
4 globalCompositeOperationプロパティ(CanvasRenderingContext2D ) カテゴリー 1
4 setItem()メソッド | HTMLStorageオブジェクト 1
4 drawArrays()メソッド | WebGLRenderingContext 1
4 clearColor()メソッド | WebGLRenderingContext 1
4 createLinearGradient()メソッド(CanvasRenderingContext2D ) カテゴリー 1
4 WebGLShader カテゴリー 1
4 デモコード 1
4 beginPath()メソッド | CanvasRenderingContext2D 1
2026/7/7 5:05 更新
指定期間人気ページランキング ／ 2020-5-29 → 2026-7-6
順位 ページタイトル抜粋 アクセス数
1 シェーダー | compileShader()メソッド(WebGLRenderingContext) 1460
2 フォーム | その他 954
3 HTML5用語 354
4 VBO | WebGLRenderingContext 254
5 アフィン変換 | 「transform()メソッド(CanvasRenderingContext2D )」カテゴリー | HTML5用語 180
6 new Image() | new Image()オブジェクト生成(HTMLImageElementインターフェイス) 178
7 localStorage | localStorageプロパティ(HTMLStorageオブジェクト) 136
8 drawImage() メソッド | drawImage()メソッド(CanvasRenderingContext2D ) 123
9 createLinearGradient() メソッド | createLinearGradient()メソッド(CanvasRenderingContext2D ) 116
10 localStorageプロパティ(HTMLStorageオブジェクト) カテゴリー 105
10 localStorageプロパティ(HTMLStorageオブジェクト) カテゴリー 105
11 now()メソッド(Performanceインターフェイス) カテゴリー 97
11 getContext()メソッド(HTMLCanvasElement) カテゴリー 97
12 new Image()オブジェクト生成(HTMLImageElementインターフェイス) カテゴリー 93
13 drawImage()メソッド(CanvasRenderingContext2D ) カテゴリー 92
13 globalAlphaプロパティ(CanvasRenderingContext2D ) カテゴリー 92
14 saveメソッドとrestoreメソッドを使用して、オリジナルのスケールへ戻す 91
14 「線形グラデーションで塗りつぶした四角形」を描画するためには？ 91
15 setItem()メソッド(HTMLStorageオブジェクト) カテゴリー 89
16 drawImage()メソッド(CanvasRenderingContext2D ) カテゴリー 87
2026/7/7 5:05 更新