Paint Flow 5

A dynamic abstract shader effect featuring a chevron or zigzag wave pattern that creates a sense of depth and motion. The composition displays alternating peaks and valleys with a soft, blurred quality that suggests movement or distortion. The color palette transitions smoothly from light periwinkle blue in the upper regions to deep purple and dark indigo in the lower sections, creating a gradient effect. The wave pattern has a three-dimensional appearance with subtle shadowing on the darker purple valleys, giving the illusion of recessed geometry. A gentle glow effect is applied throughout, particularly visible along the edges of the wave peaks, creating a luminous quality. The overall atmosphere is ethereal and dreamlike, with soft focus and smooth color transitions. Fine film grain texture is subtly visible across the entire surface, adding a subtle noise quality. The effect appears to be animated with wave distortion creating undulating motion, while chromatic aberration adds a slight color fringing at the edges of the geometric forms. The composition has a calm, meditative quality with cool tones dominating the visual space.

<script setup lang="ts">
import {
  Shader,
  Blob,
  ChromaticAberration,
  FilmGrain,
  Glow,
  Swirl,
  WaveDistortion
} from 'shaders/vue'
</script>

<template>
  <Shader
    :disable-telemetry="true"
  >
    <FilmGrain :strength="0.15">
      <Glow blend-mode="screen" :intensity="0.14" :size="15" :threshold="0.35">
        <Swirl color-a="#8ba4c9" color-b="#2d1a4e" color-space="lch" :detail="2.5" :speed="0.8" />
        <Blob :center="{ x: 0.92, y: 0.14 }" color-a="#a3d5e0" color-b="#5c3d7a" color-space="oklch" :deformation="1" highlight-color="#d4eaf7" :highlight-intensity="0.8" :highlight-x="0.5" :highlight-y="-0.5" :highlight-z="0.8" :opacity="0.9" :seed="42" :size="0.78" :softness="2.4" :speed="1.2" :visible="true" />
        <WaveDistortion :angle="98" edges="mirror" :frequency="4.2" :speed="2.5" :strength="0.18" :visible="true" />
        <ChromaticAberration :angle="142" :blue-offset="1.5" :red-offset="-1.5" :strength="0.04" :visible="true" />
      </Glow>
    </FilmGrain>
  </Shader>
</template>