Expand description
§Visual Shader Editor Demo
A visual shader editor demonstrating complex node graph functionality. Create WGSL shaders by connecting nodes visually.
§Interactive Demo
Loading demo...
Failed to load demo. WebGPU required.
§Controls
- Cmd/Ctrl+Space - Open command palette to add shader nodes
- Drag nodes - Move nodes around the canvas
- Drag from pins - Create connections between compatible sockets
- Scroll - Zoom in/out
- Middle-drag - Pan the canvas
§Available Nodes
Use the command palette to add nodes from categories: Math, Vector, Color, Texture, Input, and Output. Connect them to build WGSL fragment shaders.
Modules§
- colors
- Semantic pin colors for the shader_editor demo.