GLSL on images via WebGL (LLM generated)
You combine an image and glsl shader within the webui, you get to export them as png/jpg or webm afterwards.
It features:
- 5 Shader save slots (left click to save/load, right click to clear or tap to save/load, hold to clear on mobile)
- experimental webm export
- png/jpg export
- middle click drag input adjustment (swipe input adjustment on mobile)
- responsive design
- single html file
- console logging
- image drag/drop, paste, url support
- bugs
I wanted to use my shaders to export images larger than my monitor resolution (mainly used hyprshade with screenshots). I spent a tiny, tiny bit of hours with claude 3.7 low (shout out t3 chat for cheap service) and somehow got this. It works well enough for me (so far).
It does its job, maybe.
Download/copy the latest html file from the revisions folder (e.g. glsl-webui-r2.html) and open it with your browser. There's GitHub Pages too, if you don't want to deploy it yourself.
You can also use my glsl from this repo. (its indeed 96% LLM generated shader :3)