Shaders
header.lightDarkMode D
Gallery

Swirled Lenses 14

Swirled Lenses

A dynamic swirl shader effect featuring deep crimson red (#8b0000) flowing into near-black purple (#0a0014) with smooth, organic wave-like patterns. The composition shows layered, curved bands that flow diagonally from upper left to lower right, creating a sense of fluid motion. The FlutedGlass component adds a sophisticated refractive quality with vertical fluting lines (at 22-degree angle) that create subtle ridges and highlights across the surface. A bright red highlight (#ff2626) with 77% intensity creates luminous streaks that follow the wave patterns, giving the effect a glass-like, three-dimensional appearance with chromatic aberration (0.3 intensity) adding subtle color separation at edges. The refraction value of 3.37 creates noticeable depth distortion, making the waves appear to have physical volume and translucency. The overall mood is dramatic and intense, with a glossy, polished surface quality enhanced by the mirror-edge treatment and soft highlight transitions (0.23 softness). The wave amplitude of 0.4 creates moderate undulation without excessive distortion, maintaining visual clarity while preserving the fluid, organic aesthetic.

Code

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

<template>
  <Shader
    :disable-telemetry="true"
  >
    <Swirl color-a="#8b0000" color-b="#0a0014" color-space="oklab" :detail="2" />
    <FlutedGlass :aberration="0.3" :angle="22" :frequency="11" :highlight="0.77" highlight-color="#ff2626" :highlight-softness="0.23" :light-angle="-90" :refraction="3.37" shape="waves" :softness="1" :wave-amplitude="0.4" :wave-frequency="0.5" />
  </Shader>
</template>