demo

ShaderToy ❯❯ WebGL2

demo
## Install ```bash npm install -g shadertoy2webgl # or npx shadertoy2webgl ``` ## Usage **One flow:** 1. Open a shader on [shadertoy.com](https://www.shadertoy.com) in your browser. 2. Open DevTools (`F12`) → **Network**. 3. Reload or open the shader so the **shadertoy** (POST) request appears. 4. Click it → **Response** tab → copy the response body (the JSON) or right‑click → Save as. 5. Save to a file (e.g. `shader.json`). 6. Run: ```bash shadertoy2webgl shader.json # or multiple files shadertoy2webgl a.json b.json # overwrite existing dirs shadertoy2webgl --force shader.json ``` **Options:** `--force` (overwrite), `--debug`, `--help`, `--version`. Output: a directory per shader (named by shader id) with `index.html`, `shader.js`, `shader.json`. ## Library ```javascript import { shadertoy2webgl } from 'shadertoy2webgl'; const results = await shadertoy2webgl('shader.json', { force: true }); // results = [{ shaderId, html, js }, ...] ``` ## Features - Converts ShaderToy shaders to WebGL2 - Handles ShaderToy uniforms (iResolution, iTime, iFrame, iMouse) - Zero dependencies, Node.js >= 18, ESM ## Demos
Plasma st2webgl response.json (after saving that shader’s API response)
demo/wdyczG/index.html
shadertoy.com/view/wdyczG
Waves demo/DdcfzH/index.html
shadertoy.com/view/DdcfzH
## Testing ```bash npm test ``` ## License [MIT](LICENSE)