PLASMA_REACTOR — Advanced Deck

A standalone GPU shader deck for real-time fractal noise fields. Single HTML file, no dependencies, no build step. Forked from a studio shader (vfx-studio.html, fx id plasma); this build is the expanded standalone version with full parameter control, presets, theatre / fullscreen modes, PNG capture, and JSON import-export.

TR — Türkçe

Plasma Reactor, tek bir GLSL fragment shader üzerinde çalışan, gerçek zamanlı fraktal noise alanı üreten bir GPU VFX kontrol panelidir.

• Tek dosya, sıfır bağımlılık. İndir, çift tıkla, modern tarayıcıda aç.
• 50+ kontrol parametresi, 6 grup altında: Reactor Core, Fractal Geometry, Color Science, Energy & Bloom, Pointer Field, Render Pipeline.
• FBM noise + domain warping + fold/twist + kaleidoscopic symmetry (1–12 fold).
• Cosine palette matrix (A, B, C, D kanalları RGB için ayrı ayrı).
• Pointer etkileşimi: cursor pull/repel, vortex, corona glow.
• Presets + custom presets (localStorage), JSON import/export, share-link.
• PNG capture, theatre mode, fullscreen.
• Klavye kısayolları: SPACE play/pause · R reset · E random · C capture · F fullscreen · T theatre · S copy link.

GPU performansı için WebGL2 destekli bir masaüstü tarayıcı önerilir. Mobil cihazlarda HUD otomatik sadeleşir.

EN — English

Plasma Reactor is a single-shader GPU VFX control deck that renders a real-time fractal noise field on the fragment shader.

• Single file, zero dependencies. Download, double-click, open in any modern browser.
• 50+ control parameters across 6 groups: Reactor Core, Fractal Geometry, Color Science, Energy & Bloom, Pointer Field, Render Pipeline.
• FBM noise with domain warping, fold, twist, and kaleidoscopic symmetry (1–12 fold).
• Cosine palette matrix with per-channel A / B / C / D coefficients.
• Pointer interaction: cursor pull/repel, vortex, corona glow.
• Presets + custom presets (localStorage), JSON import / export, share link.
• PNG capture, theatre mode, fullscreen.
• Keyboard shortcuts: SPACE play/pause · R reset · E random · C capture · F fullscreen · T theatre · S copy link.

WebGL2-capable desktop browser recommended for full GPU performance. Mobile devices get a simplified HUD automatically.

File structure

Plasma_Reactor/
├── plasma-reactor.html   # Original standalone deck (open this locally)
├── index.html            # GitHub Pages entry — identical copy of the deck
├── Screenshot.jpg        # Preview screenshot
├── LICENSE               # MIT
└── README.md             # This file

The deck is a single-file artifact. plasma-reactor.html is the canonical name; index.html is provided so GitHub Pages can serve the deck at the repo root. Both files are byte-identical and either can be opened directly in a browser.

Run locally

Just open plasma-reactor.html (or index.html) in any modern browser. No server, no install, no build.

# Optional: serve via local HTTP if you hit any file:// restrictions
python -m http.server 8000
# then visit http://localhost:8000/plasma-reactor.html

Tech

• Pure HTML + CSS (OKLCH color space, JetBrains Mono + Inter)
• Vanilla JavaScript, no framework
• WebGL2 / GLSL fragment shader
• localStorage for preset persistence
• No external assets, no network calls

License

MIT — see LICENSE.