Swirled Lenses 10
Swirled LensesA dynamic shader effect featuring layered, undulating wave patterns in warm orange tones. The composition displays concentric curved ridges that create a three-dimensional rippling surface, reminiscent of corrugated or fluted glass. The primary color palette transitions from bright orange (#ff6a00) on the lighter areas to deep brown (#3a0a00) in the shadowed recesses, creating strong depth perception through dramatic lighting and shadow gradients. The waves appear to flow diagonally across the frame with smooth, organic curves that suggest fluid motion. A subtle refraction effect is visible, with highlights appearing as bright white streaks along the ridge edges, enhanced by the fluted glass component's light angle of -90 degrees. The overall effect creates a sense of movement and dimensionality, with the 11-frequency wave pattern producing approximately 20+ visible ridges across the composition. The edges fade to transparency, and the surface appears glossy with a metallic quality. The mood is warm, energetic, and somewhat hypnotic, with the layered structure creating visual depth that draws the eye across the undulating surface.
Code
<script setup lang="ts">
import {
Shader,
FlutedGlass,
Swirl
} from 'shaders/vue'
</script>
<template>
<Shader
:disable-telemetry="true"
>
<Swirl color-a="#ff6a00" color-b="#3a0a00" color-space="oklab" :detail="2" />
<FlutedGlass :aberration="0.3" :angle="120" :frequency="11" :highlight="2" :highlight-softness="0.11" :light-angle="-90" :refraction="3.37" shape="waves" :softness="1" :wave-amplitude="0.4" :wave-frequency="0.5" />
</Shader>
</template>