Leandro Peres
Leandro Peres
Email me Resume
All projects

Shader.One

Shader.One is a web-based fragment shader editor: write GLSL and watch it render live in the browser.

Open Shader.One

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.