Paint Flow 2

A vibrant, dynamic gradient shader effect featuring smooth color transitions across diagonal planes. The image displays a layered composition with soft, blurred geometric shapes creating depth. The primary visual elements include: a warm gradient transitioning from coral-orange on the lower left through yellow-green to cyan and light-blue in the center, then shifting to deep purple and dark-blue on the upper right. The effect creates an illusion of three-dimensional planes or ribbons flowing diagonally across the frame. A subtle film grain texture overlays the entire composition at low opacity, adding fine detail. The glow effect creates soft halos around the color transitions, with a screen blend mode producing luminous highlights. The swirl component generates smooth color interpolation between cyan (#6ce1e6) and purple (#5326a8) using OKLCH color space for perceptually uniform transitions. A blob shape with lime-green (#82e354) and magenta (#b95ab4) creates organic, flowing forms with soft edges and a blue highlight accent. Wave distortion at 156 degrees with sine wave pattern adds subtle undulation to the surface, while chromatic aberration with red and blue channel offsets creates a slight color separation effect. The overall atmosphere is ethereal and modern, with smooth gradients, soft focus, and luminous quality suggesting motion and fluidity.

<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="#6ce1e6" color-b="#5326a8" color-space="oklch" :detail="2.5" :speed="0.8" />
        <Blob :center="{ x: 0.06, y: 0.77 }" color-a="#82e354" color-b="#b95ab4" color-space="oklch" :deformation="1" highlight-color="#2ba7ff" :highlight-intensity="0.8" :highlight-x="0.5" :highlight-y="-0.5" :highlight-z="0.8" :opacity="0.9" :seed="42" :size="0.54" :softness="1" :speed="1.2" :visible="true" />
        <WaveDistortion :angle="156" edges="mirror" :frequency="6" :speed="2.5" :strength="0.15" :visible="true" />
        <ChromaticAberration :blue-offset="1.5" :red-offset="-1.5" :strength="0.02" :visible="true" />
      </Glow>
    </FilmGrain>
  </Shader>
</template>