svefnz/lumenshaders
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Point live demo and OG meta tags to lumenshaders.vercel.app

Browse Source 
Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
Leonxlnx
2026-06-11 17:33:59 +02:00
parent b1de6a8e56
commit 5f7d0c72f7
3 changed files with 10 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
README.md
+3 -3
View File
@@ -1,6 +1,6 @@
# LUMEN, the generative shader studio
**[Try it live →](https://leonxlnx.github.io/lumenshaders/)**
**[Try it live →](https://lumenshaders.vercel.app/)**
A self-contained web tool that generates looping abstract shader art: liquid chrome, silk ribbons, soft gradient blooms, aura rings, light rays, halftone fields, data glyphs, reeded glass and pixel mosaics. Everything is rendered in real time with WebGL2 and every animation is a mathematically perfect loop.
@@ -14,7 +14,7 @@ A self-contained web tool that generates looping abstract shader art: liquid chr
No build step, no dependencies.
- **Live demo:** [leonxlnx.github.io/lumenshaders](https://leonxlnx.github.io/lumenshaders/)
- **Live demo:** [lumenshaders.vercel.app](https://lumenshaders.vercel.app/)
- **Local:** double-click `index.html`, or run `npx http-server . -p 8080`
Requires a browser with WebGL2 (Chrome, Edge, Firefox).
@@ -33,7 +33,7 @@ Requires a browser with WebGL2 (Chrome, Edge, Firefox).
- **Share**: every design serializes to a compact code (`LMN1.…`). Copy it, send it to anyone, and pasting it into the Share box recreates the exact design: style, colors, seed, all parameters. "Copy link" produces a URL that loads the design directly.
- `Space` pauses, `S` saves a PNG.
Full guide: [docs page](https://leonxlnx.github.io/lumenshaders/docs.html).
Full guide: [docs page](https://lumenshaders.vercel.app/docs.html).
## Export
docs.html
+3
View File
@@ -5,6 +5,9 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Docs, LUMEN generative shader studio</title>
<meta name="description" content="How to use LUMEN: styles, synth styles, color, motion, share codes, gradient sets and exporting PNG, video or GIF." />
<link rel="canonical" href="https://lumenshaders.vercel.app/docs.html" />
<meta property="og:url" content="https://lumenshaders.vercel.app/docs.html" />
<meta property="og:image" content="https://lumenshaders.vercel.app/assets/og.png" />
<link rel="icon" type="image/png" sizes="64x64" href="assets/favicon.png" />
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
index.html
+4 -3
View File
@@ -10,10 +10,11 @@
<meta property="og:title" content="LUMEN, the generative shader studio" />
<meta property="og:description" content="Looping abstract shader art in your browser. Randomize, fine-tune, share design codes and export PNG, video or GIF. No dependencies." />
<meta property="og:type" content="website" />
<meta property="og:url" content="https://leonxlnx.github.io/lumenshaders/" />
<meta property="og:image" content="https://leonxlnx.github.io/lumenshaders/assets/og.png" />
<meta property="og:url" content="https://lumenshaders.vercel.app/" />
<meta property="og:image" content="https://lumenshaders.vercel.app/assets/og.png" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:image" content="https://leonxlnx.github.io/lumenshaders/assets/og.png" />
<meta name="twitter:image" content="https://lumenshaders.vercel.app/assets/og.png" />
<link rel="canonical" href="https://lumenshaders.vercel.app/" />
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Space+Grotesk:wght@500;600&family=IBM+Plex+Mono:wght@400;500&display=swap" rel="stylesheet" />