Gallery

A dynamic gradient shader effect featuring diagonal parallel stripes that transition smoothly from vibrant magenta on the left to soft cyan on the right. The stripes are created through a linear gradient component running horizontally across the canvas with a color transition from #bf1ccb (deep magenta) to #b0fddf (light cyan/mint). A sawtooth wave distortion effect is applied with a frequency of 7.7 and strength of 2, creating subtle undulating ripples across the striped pattern. The wave distortion angle is dynamically mapped to a circular mask positioned at the bottom center (coordinates 0.5, 1.0) with a radius of 1.8, creating a radial influence on the wave intensity. The overall effect produces a sense of depth and movement, with the stripes appearing to bend and flow organically. The color space is linear, providing smooth color interpolation. The composition has a modern, minimalist aesthetic with a soft, ethereal quality enhanced by the gradient's smooth color transitions and the subtle wave distortions creating a three-dimensional layered appearance.

Code

vue