Fragile Shards Interactive Visualiser
An immersive, controllable, in-browser visual engine built for Holostatic’s electronic-rock sound.
This is Version 1 of an evolving visual-experience suite being developed for future Holostatic releases and live performance work.
The Fragile Shards Visualiser is a fully interactive neon tunnel built in WebGL and powered by Three.js, designed to run directly in your browser.
It blends procedural geometry, dynamic lighting, motion presets and colour-cycling systems into a continuous visual landscape that responds to your movement and commands in real time.
About the Visualiser
The system renders a continuously generated neon tunnel built from over 130 dynamically constructed rings.
Each ring is assembled using mathematical geometry, layered patterns and additive colour blending to create an infinite sense of motion and depth.
It’s a custom-built visual engine designed from scratch to reflect the themes behind Holostatic’s track, Fragile Shards.
The visualiser operates independently of audio, making it versatile for use alongside any genre or track. Its motion system and colour architecture allow it to complement a wide range of musical styles and experiences, such as live sets and digital environments, without requiring audio-reactive programming.
Key Features
Procedural Geometry
All tunnel structures are generated in real time. Shapes, spacing, rotation, and scale are algorithmically controlled to create a seamless forward-motion effect.
Interactive Motion System
Users can manually control: Forward speed, rotational spin, perspective tilt, warp factor acceleration, pulse intensity and instant stop states.
This creates a flexible, exploratory visual experience that can be tuned on the fly.
Custom Colour Themes
Five selectable colour palettes, including a multi-stage neon set, deep blue palette, and a fully cycling Rainbow mode.
High-Intensity Flash Engine
A built-in flash effect designed for dramatic motion accents and performance moments.
Optimised Web Performance
Runs on modern browsers with GPU acceleration enabled.
No downloads, plugins, or external software required.