Sometimes you want to try a shader without spinning up Shadertoy, without a build step, without anything. Just a textarea, a canvas, and a refresh-while-you-type loop. This is that page: ~350 lines of vanilla JS, a fixed full-screen-quad vertex shader, and a fragment shader you edit live. Compile errors land back in the UI with line numbers; the URL hash round-trips your source so links shared on Twitter just work.

🌐 Demo : https://sen.ltd/portfolio/shader-playground/

📦 GitHub : https://github.com/sen-ltd/shader-playground

What it does

The vertex shader is fixed — a full-screen quad as two triangles.

The fragment shader is what the user edits .…