Gallery

Cascading Lines 8

Cascading Lines

A dynamic shader effect featuring vertical falling lines that create a rain-like or data-stream aesthetic. The composition uses a dark purple-black background (#1a0f1f) as the base layer. Overlaid are numerous thin vertical lines in varying heights that descend from top to bottom, creating a sense of motion and depth. The lines transition through a warm color palette: golden yellows (#d4a054) on the left side gradually shifting to cream and off-white tones (#f2e8d0) toward the center-right, with some pure white accents. The lines have varying opacity and length, with some appearing more prominent and others fading into the background, creating a parallax depth effect. A subtle dithering pattern with a linear dodge blend mode adds texture and luminosity, particularly visible in the lighter areas. The overall effect suggests falling particles, digital rain, or an audio visualization with a warm, luxurious aesthetic. The swirl component at 35% blend creates subtle organic distortion within the line patterns, preventing a purely mechanical appearance. The falling lines maintain a 90-degree angle with variable speeds and trail lengths, creating an organic yet structured visual rhythm.

Code

vue