Wave_Thread
“Wave_Thread— Dynamic Waveform Lines Animated by Perlin Noise”
About this Component
Description:
This Threads component creates an elegant and organic animated thread effect using WebGL (via OGL) and GLSL shaders. The animation is built from multiple flowing lines that respond to time, amplitude, and mouse interaction — creating a fluid, living motion similar to strands of light or waves in motion.
The fragment shader drives the animation using Perlin noise to generate smooth, natural distortions across the threads, while amplitude and distance parameters control the motion’s intensity and spread. Optional mouse interaction adds dynamic interactivity, letting the user subtly influence the wave flow in real time.
This code is ideal for:
Hero backgrounds in creative portfolios
Interactive web animations
Framer motion effects or visual identity components
It delivers a minimalist yet futuristic visual style, combining smooth GLSL motion with performance-optimized rendering through OGL’s lightweight architecture.
