Paint Flow 4

A dynamic, fluid shader effect featuring sharp diagonal zigzag patterns that create a chevron or lightning bolt wave structure. The composition is dominated by a color gradient transitioning from warm orange and red tones in the upper left to deep purple and dark blue in the lower right. The zigzag pattern creates distinct triangular sections with soft, blurred edges that give the effect a thermal or heat-map appearance. The Swirl component generates organic color blending between orange (#ff4400) and deep purple (#1a0033), creating smooth transitions across the diagonal bands. A Blob element adds warm red (#cc0000) and orange (#ff8800) accents with highlights in yellow (#ffdd00), creating focal points of intensity. The WaveDistortion at 98 degrees with 4.2 frequency adds subtle undulation to the sharp edges, softening the geometric precision. Wave patterns ripple through the composition at a speed of 2.5, creating a sense of movement and fluidity. ChromaticAberration with red offset of -1.5 and blue offset of 1.5 introduces subtle color fringing along the edges, enhancing the thermal or energy effect. A Glow layer with screen blend mode and 0.14 intensity creates a luminous halo around the brighter areas, particularly where orange meets purple. Film grain at 0.15 strength adds texture and reduces smoothness, creating a slightly grainy, analog quality. The overall effect resembles thermal imaging, fire, or energy waves with a modern, digital aesthetic. The mood is energetic, warm, and dynamic with strong visual movement from left to right and top to bottom.

<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="#ff4400" color-b="#1a0033" color-space="lch" :detail="2.5" :speed="0.8" />
        <Blob :center="{ x: 0.12, y: 0.18 }" color-a="#cc0000" color-b="#ff8800" color-space="oklch" :deformation="1" highlight-color="#ffdd00" :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.19" :visible="true" />
        <ChromaticAberration :angle="142" :blue-offset="1.5" :red-offset="-1.5" :strength="0.04" :visible="true" />
      </Glow>
    </FilmGrain>
  </Shader>
</template>