Tactile WebGL Slider

Summary

A real-time WebGL fragment shader experiment featuring a raymarched refractive glass cube and a jelly-cloth slider, both driven by live dispersion and cloth simulation in GLSL.

Visual description

Dark 3D interface with a refractive glass cube at center displaying glowing yellow numbers (0899 and 0994). Concentric orange and yellow gauge rings surround the cube against a gridded dark background. A neon slider positioned below features a triangular handle glowing in warm orange tones. The entire composition combines cyberpunk aesthetics with technical UI using high contrast and refraction effects.

Key takeaway

Layer glowing concentric shapes around interactive controls to create visual depth and guide focus toward the manipulable element, making the interface feel tactile and responsive even in a static state.

Reuse notes

Reach for this as a motion still reference. Pairs with experimental, 3d directions. Original by Jae.