Help us understand the problem. What is going on with this article?

Comparison of every WebGL libraries with rendering basic primitives.

More than 1 year has passed since last update.

[en] Learning WebGL mostly starts with rendering a triangle, since I’ve tried to compare the way of rendering the triangle..
[ja] WebGL の基本といえば三角形。ということで、勉強がてらに各種 WebGL ライブラリを比較してみました。

[en] The following list is the libraries I used. Although these are arranged in ascending order by size of the library, some of library might not care about the library file was minified or not since please make sure by yourself if you need proper information.
[ja] 以下は、試したライブラリ一覧です。一応、サイズの小さい順に並べていますが、minify の有無等がまちまちなので情報としては参考程度でお願いします。

Using VBO

  • [en] Using my own vertex data and GLSL shader code. ( Not using built-in materials or primitive)
  • [ja] 自前の VBO(頂点バッファオブジェクト)データを使用、自前のシェーダを使用
name of libraries license version size author 三角形 四角形 キューブ テクスチャ
Pure WebGL1.0 - - - - Link Link Link Link
Pure WebGL2.0 - - - - Link Link Link Link
glTips.js Public Domain v0.0.1 5KB :flag_jp: emadurandal Link Link Link Link
WebGL Utils zlib - 6KB :flag_us: toji Link Link Link Link
WebGL Helper MIT - 15KB :flag_jp: edom18 Link Link Link Link
WWG.js MIT v0.9 16KB :flag_jp: wakufactory Link Link Link Link
PicoGL.js MIT v0.0.4 19KB :flag_us: tsherif Link Link Link Link
glCubic.js MIT v0.03 24KB :flag_jp: doxas Link Link Link Link
shree.js MIT v0.1.12 25KB :flag_jp: sawa-zen Link Link Link Link
lightgl.js MIT - 29KB :flag_us: evanw Link Link Link Link
TWGL.js MIT v1.7.0 30KB :flag_us: greggman Link Link Link Link
XenoGL MIT v0.1.1 35KB :flag_jp: kotofurumiya Link Link Link Link
webgl-utils.js MIT - 42KB :flag_us: greggman Link Link Link Link
Ashes MIT v0.0.47 66KB :flag_cn: but0n Link Link Link Link
stackgl MIT v1.4.0 67KB stackgl Link Link Link Link
regl MIT v1.3.0 73KB :flag_us:regl-project Link Link Link Link
GLOW.js MIT r1.1 77KB sweden3.png empaempa Link Link Link Link
DanShaRiGL MIT - 79KB :flag_jp: kenjiSpecial Link Link Link Link
TDL MIT v0.0.8 91KB :flag_us: greggman Link Link Link Link
PhiloGL MIT v1.4.3 136KB senchalabs Link Link Link Link
litegl.js MIT - 160KB :flag_es: jagenjo Link Link Link Link
WebGLU MIT? - 178KB :flag_us: OneGeek Link Link Link -
O-GL MIT v0.0.12 182KB :flag_fr: gordonnl Link Link Link Link
CZPG.js MIT - 195KB :flag_cn: PrincessGod Link Link Link Link
zen-3d MIT - 225KB :flag_cn: shawn0326 Link Link Link Link
SceneJS MIT v4.2.1 241KB :flag_de: xeolabs Link Link Link Link
Hilo3d MIT v1.5.8 269KB :flag_cn: hiloteam Link Link Link Link
GLBoost MIT - 286KB :flag_jp: emadurandal Link Link Link Link
CubicVR.js MIT v0.2.1 339KB canada4.png cjcliffe Link Link Link Link
RedGL MIT v1.0 341KB :flag_kr: redcamel Link Link Link Link
xeogl MIT v0.8 358KB :flag_de: xeolabs Link Link Link Link
ClayGL BSD 2-clause v1.0.0 422KB :flag_cn: pissang Link Link Link Link
Grimoire.js MIT v0.14.3 430KB :flag_jp: GrimoireGL Link Link Link Link
SpiderGL BSD 3-clause v0.2.0 498KB :flag_it: dibenedetto Link Link Link Link
three.js MIT r104 558KB :flag_es: mrdoob Link Link Link Link
xml3d.js MIT v5.2.1 584KB :flag_de: DFKI Link Link Link Link
filament.js Apache v2 - 873KB :flag_us: google Link Link Link Link
X3DOM MIT and GPL v1.7.2 949KB :flag_de: X3DOM Link Link Link Link
A-Frame MIT v0.8.2 1,077KB :flag_us: aframevr Link Link Link Link
Babylon.js Apache v2 v4.0.3 2,319KB :flag_fr: BabylonJS Link Link Link Link

Using built-in primitive

  • [en] I used builtin primitive geometry and shader.
  • [ja] ライブラリの組み込み図形(プリミティブ図形)作成用関数(もしくはクラス)を使用,ライブラリの組み込みシェーダを使用
name of libraries license version size author 三角形 四角形 キューブ テクスチャ
lightgl.js MIT - 29KB :flag_us: evanw Link Link Link Link
Processing.js MIT 1.4.16 223KB processing-js Link Link Link Link
p5.js GPL v2.1 v0.4.13 236KB :flag_us: processing Link Link Link Link
TinyGL.js MIT v0.4 250KB humu2009 Link Link Link Link
Hilo3d MIT v1.5.8 269KB :flag_cn: hiloteam Link Link Link Link
GLBoost MIT - 286KB :flag_jp: emadurandal Link Link Link Link
ClayGL BSD 2-clause v1.0.0 422KB :flag_cn: pissang Link Link Link Link
Grimoire.js MIT v0.14.3 430KB :flag_jp: GrimoireGL Link Link Link Link
three.js MIT r104 558KB :flag_es: mrdoob Link Link Link Link
PlayCanvas MIT v0.192.0-dev 614KB :flag_gb: PlayCanvas Link Link Link Link
A-Frame MIT v0.8.2 1,077KB :flag_us: aframevr Link Link Link Link
Babylon.js Apache v2 v4.0.3 2,319KB :flag_fr: BabylonJS Link Link Link Link
cx20
プログラマ(マイクロソフト系の言語を使用することが多いです。) 最近は、JavaScript のライブラリを色々と試して遊んでます。
https://profile.hatena.ne.jp/cx20/
Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away