私は、WebGLテクノロジーの他の多くのユーザーと同じように、どこかで読んだり、誰かから聞いた単一のライブラリから知り合いを始め、今ではすべての釘を同じハンマーで叩きます。 ただし、今日WebGLを使い始めたばかりの場合は、状況が異なる可能性があります。 実際、昨年、 ある種の人が、到達可能なすべてのライブラリを使用してWebGLで作業する一連の簡単な例を書いて6か月を費やしたということです。それらのうちの1つの詳細な研究：
| 図書館 | バージョン | 大きさ |  |  |  |  |
|---|---|---|---|---|---|---|
| 裸のWebGL | 1.0 | 0 | タイツ | タイツ | タイツ | タイツ |
| 裸のWebGL | 2.0 | 0 | タイツ | タイツ | タイツ | タイツ |
| Webglヘルパー | - | 15KB | タイツ | タイツ | タイツ | タイツ |
| TWGL.js | v0.0.20 | 19KB | タイツ | タイツ | タイツ | タイツ |
| glCubic.js | v0.01 | 22KB | タイツ | タイツ | タイツ | タイツ |
| webgl-utils.js | - | 50KB | タイツ | タイツ | タイツ | タイツ |
| stackgl | v1.4.0 | 67KB | タイツ | タイツ | タイツ | タイツ |
| lightgl.js | - | 72KB | タイツ | タイツ | タイツ | タイツ |
| GLOW.js | r1.1 | 77KB | タイツ | タイツ | タイツ | タイツ |
| TDL | v0.0.8 | 91KB | タイツ | タイツ | タイツ | タイツ |
| GLBoost | - | 132KB | タイツ | タイツ | タイツ | タイツ |
| フィログル | v1.4.3 | 136KB | タイツ | タイツ | タイツ | タイツ |
| Webgl | - | 178KB | タイツ | タイツ | タイツ | - |
| xeoEngine | v0.1.0 | 224KB | タイツ | タイツ | タイツ | タイツ |
| Scenejs | v4.2.1 | 242KB | タイツ | タイツ | タイツ | タイツ |
| CubicVR.js | v0.2.1 | 347KB | タイツ | タイツ | タイツ | タイツ |
| three.js | r71 | 419KB | タイツ | タイツ | タイツ | タイツ |
| スパイダーグル | v0.2.0 | 498KB | タイツ | タイツ | タイツ | タイツ |
| Babylon.js | v2.1 | 814KB | タイツ | タイツ | タイツ | タイツ |
次の表は、対応するライブラリのAPIのフレームワーク内で手続き型ジオメトリを使用する4つの簡単な例と、使用するためにサイトまたはアプリケーションに支払う必要があるオーバーヘッドを示しています。 さらに、作成者は可能な場合はライブラリプリミティブを使用して同じ例を実行しました。
| 図書館 | バージョン | 大きさ | | | | |
|---|---|---|---|---|---|---|
| lightgl.js | - | 72KB | タイツ | タイツ | タイツ | タイツ |
| Processing.js | 1.4.13 | 223KB | タイツ | タイツ | タイツ | タイツ |
| p5.js | v0.4.13 | 236KB | タイツ | タイツ | タイツ | タイツ |
| three.js | r71 | 419KB | タイツ | タイツ | タイツ | タイツ |
| Babylon.js | v2.1 | 814KB | タイツ | タイツ | タイツ | タイツ |
| 離れて | v0.4.31 | 1,008KB | タイツ | タイツ | タイツ | タイツ |
もちろん、手続き型ジオメトリは作業に必要なものだけではありませんが、この一連の例から、特定のAPIを使用する一般的な原則を学び、何かを始める前であっても独自の情報に基づいた意見を作成することができます。
更新9 / III ：私はこの記事の作業を続けると思っていましたが、 反応を捨ててしまったので、そうしません。 親愛なる読者、飲み込む前に噛むことを学んでください。