TSLGRAPH
Node-based editor for Three.js shaders
Initializing Editor...
Features
- [*]Visual Node Editor Drag-and-drop interface for building Three.js TSL shaders without writing GLSL.
- [*]TSL Code Export One-click export of the entire graph as clean, standard Three.js JavaScript code.
- [*]Real-time Preview See shader updates live on a 3D model with a fast feedback loop.
- [*]Rich Node Library Over 200+ built-in nodes covering math, textures, and geometry, with more being added.
- [*]Code Nodes Write raw TSL or GLSL code snippets directly inside the graph for ultimate flexibility.
- [*]Subgraph Nodes Group complex chunks of node logic into a single, clean reusable block to keep graphs organized.
- [*]Post-Processing & MRT Prototype complete VFX pipelines using full-screen quads and multiple render targets.
- [*]Local Variables Define and reuse variables with proper scoping for cleaner, powerful graph logic.
- [*]Smart UX & Routing Intelligent edge connections, full undo/redo stack, and rapid node search palette.
- [*]Debug & Inspect Debug individual nodes to see their values in real-time.
- [*]Organization Tools Add floating comments, utilize pan/zoom controls, and organize large graphs effortlessly.
- [*]Instant Share Links Every graph gets a public URL allowing others to view, remix, or fork your work.