シェーダー特化・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使用可 |