シェーダー特化・GLSL直書き系
| ライブラリ名 | 公式サイト/リポジトリ | 概要 |
|---|---|---|
| glslCanvas | https://github.com/patriciogonzalezvivo/glslCanvas | HTMLのcanvasにGLSLを直適用 |
| glslEditor | https://github.com/patriciogonzalezvivo/glslEditor | GLSLのライブ編集&プレビュー |
| Shader Park | https://shaderpark.com/ | ノード/スクリプトでGLSL生成・編集 |
| shader-doodle | https://github.com/halvves/shader-doodle | GLSLフラグメントを簡単に埋め込める |
| Glslify | https://github.com/glslify/glslify | GLSLコードをNode.jsやブラウザで管理 |
| GLSL Viewer | https://github.com/patriciogonzalezvivo/glslViewer | GLSL実行・VJ用途・CLI |
WebGLラッパー(カスタムシェーダー容易)
| ライブラリ名 | 公式サイト/リポジトリ | 概要 |
|---|---|---|
| twgl.js | https://github.com/greggman/twgl.js | WebGLユーティリティ+GLSL拡張 |
| regl | https://github.com/regl-project/regl | 状態管理型WebGL、シェーダー分離 |
| Three.js | https://threejs.org/ | 3Dライブラリ、RawShaderMaterial可 |
| Babylon.js | https://www.babylonjs.com/ | 3Dエンジン、GLSL組み込み可 |
その他(GLSLサンドボックス/ライブコーディング/VJ)
| ライブラリ名 | 公式サイト/リポジトリ | 概要 |
|---|---|---|
| Hydra | https://hydra.ojack.xyz/ | GLSL風ライブコーディングVJシステム |
| Kodelife | https://hexler.net/products/kodelife | GLSL/GLSL ESエディタ(スタンドアロン) |
| ShaderToy Embed | https://www.shadertoy.com/embed | ShaderToyの埋め込み用IFRAME |
| p5.js | https://p5js.org/ | createShader等でGLSL使用可 |