Swirled Lenses 2
Swirled LensesA sophisticated shader effect displaying smooth, undulating wave patterns flowing diagonally across the composition from upper left to lower right. The primary visual element consists of parallel curved ridges with a fluted glass appearance, creating a three-dimensional ribbed texture effect. The waves have a consistent frequency and amplitude, with sharp edges that catch light to create bright highlights along the ridge peaks. The color palette transitions smoothly between a bright cornflower blue (#428cf8) on the illuminated surfaces and a deep navy blue (#16204d) in the shadowed valleys between the waves. The lighting creates a glossy, reflective quality with white highlights (approximately #ffffff) running along the wave crests, suggesting a polished glass or metallic surface with strong directional illumination from the upper left. The overall effect conveys depth and movement through the interplay of light and shadow across the ribbed geometry. The background maintains a consistent blue tone with subtle gradient variations that enhance the three-dimensional appearance. The composition has a professional, modern aesthetic with smooth transitions and no harsh edges, creating a sense of fluid motion despite the static nature of the image.
Code
<script setup lang="ts">
import {
Shader,
FlutedGlass,
Swirl
} from 'shaders/vue'
</script>
<template>
<Shader
:disable-telemetry="true"
>
<Swirl color-a="#428cf8" color-b="#16204d" color-space="oklab" :detail="1.8" />
<FlutedGlass :aberration="0.3" :angle="258" :frequency="11" :highlight="0.97" :highlight-softness="0.11" :light-angle="-90" :refraction="4" shape="waves" :softness="1" :wave-amplitude="0.1" :wave-frequency="0.5" />
</Shader>
</template>