Shaders
header.lightDarkMode D
Gallery

Swirled Lenses 8

Swirled Lenses

A sophisticated shader effect featuring diagonal parallel ridges or flutes that create a three-dimensional ribbed surface texture. The composition uses a color gradient transitioning from deep burgundy/maroon tones in the upper left corner (#500315) through warm beige and cream midtones to pale sage green (#c6e4b3) in the lower right. The fluted glass effect creates sharp linear highlights along each ridge, with a bright white specular reflection running along the peaks of the waves, producing a glossy, polished appearance. The ridges are angled at approximately 133 degrees, creating diagonal lines that sweep across the frame from upper-left to lower-right. The refraction effect (set to 4) causes subtle color separation and distortion along the edges of each flute, with chromatic aberration visible as slight color fringing. The wave amplitude is subtle (0.09), creating gentle undulations rather than dramatic peaks. Soft shadows fall between the ridges, enhancing the three-dimensional depth perception. The overall atmosphere is elegant and luxurious, resembling polished metal, glass, or silk fabric with a satin finish. The lighting appears to come from the upper left at a -90 degree angle, creating dramatic highlights that emphasize the geometric structure.

Code

vue
<script setup lang="ts">
import {
  Shader,
  FlutedGlass,
  Swirl
} from 'shaders/vue'
</script>

<template>
  <Shader
    :disable-telemetry="true"
  >
    <Swirl color-a="#500315" color-b="#c6e4b3" color-space="oklab" :detail="1.4" />
    <FlutedGlass :aberration="0.3" :angle="133" :highlight="0.97" :highlight-softness="0.11" :light-angle="-90" :refraction="4" shape="waves" :softness="1" :wave-amplitude="0.09" :wave-frequency="0.5" />
  </Shader>
</template>