Swirled Lenses 13
Swirled LensesA dynamic fluid shader effect featuring alternating wavy bands of vibrant orange (#ff7a1a) and deep blue (#1a4fff) colors flowing horizontally across the composition. The waves create a mesmerizing undulating pattern with smooth, organic curves that appear to ripple and flow like liquid ribbons. The FlutedGlass component adds a refractive quality with subtle light refraction and chromatic aberration effects, creating a glossy, translucent appearance with highlights that catch light along the wave edges. The waves maintain consistent amplitude and frequency throughout, creating a rhythmic, hypnotic visual pattern. The effect has a soft, blended quality where the orange and blue colors transition smoothly into each other at their boundaries, with slight color bleeding and gradient transitions. The overall mood is modern, energetic, and fluid, with a sense of continuous motion despite the static frame. The lighting appears to come from a -90 degree angle, creating subtle highlights that enhance the three-dimensional wave structure. The composition fills the entire frame with no visible edges or boundaries, suggesting an infinite, seamless pattern.
Code
<script setup lang="ts">
import {
Shader,
FlutedGlass,
Swirl
} from 'shaders/vue'
</script>
<template>
<Shader
:disable-telemetry="true"
>
<Swirl color-a="#ff7a1a" color-b="#1a4fff" color-space="oklab" :detail="2" />
<FlutedGlass :aberration="0.3" :angle="84" :frequency="11" :highlight="2" :highlight-softness="0.11" :light-angle="-90" :refraction="3.37" shape="waves" :softness="1" :wave-amplitude="0.1" :wave-frequency="0.5" />
</Shader>
</template>