Shader.One is a web-based fragment shader editor: GLSL on one side, the rendered result on the other, updating as you type.
It is live at shader.one.
Tech #
- TypeScript with Next.js for the editor
- WebGL for rendering GLSL fragment shaders
What I learned #
- Compiling and hot-swapping GLSL in the browser without dropping the render loop.
- Editor ergonomics: what shader authors need within one keystroke.