Both visuals are rendered with custom GLSL fragment shaders using OGL (WebGL micro-library). Adjust the parameters below to modify the shaders in real-time.
Orb
Simplex noise + light falloff
Hue Shift0°
Hover Intensity0.50
Rotate on Hover
Force Hover State
Prism
Raymarched SDF pyramid
Animation Type
Glow1.50
Hue Shift0.00
Scale1.8
Time Scale0.5
Bloom1.50
Noise0.15
GLSL Shaders
Custom fragment shaders with simplex noise, raymarching, and real-time uniform updates.
OGL WebGL
Lightweight WebGL library for raw GPU access without the overhead of Three.js.
Reactive Uniforms
Vue refs bound directly to shader uniforms for instant visual feedback without recompilation.