Holographic Waves

A dynamic gradient shader effect displaying diagonal parallel lines that flow from upper left to lower right across the composition. The image features a smooth color transition from cool tones on the left side to warm tones on the right side. The left portion transitions through cyan and light-blue hues, while the right side transitions through magenta, pink, and yellow-orange tones. The diagonal line pattern creates a sense of motion and depth, with the lines appearing to wave and undulate slightly due to wave distortion effects. A subtle blob-like gradient element is positioned in the upper-right quadrant, contributing warm magenta-to-orange coloration with highlights. The overall effect is enhanced by chromatic aberration creating subtle color fringing, film grain adding texture, and sharpness enhancement making the line details crisp. The composition has a modern, vibrant aesthetic with smooth color transitions and a sense of flowing energy.

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

<template>
  <Shader
    :disable-telemetry="true"
  >
    <Swirl :blend="59" color-a="#00fff7" color-b="#0066ff" color-space="oklch" :detail="4.1" />
    <Blob :center="{ x: 0.85, y: 0.55 }" color-a="#ff35c2" color-b="#ffaa00" color-space="oklch" :deformation="1" :highlight-intensity="0.8" :highlight-z="0.8" :size="0.54" :softness="1" :visible="true" />
    <WaveDistortion :angle="127" edges="mirror" :frequency="30" :speed="4.9" :strength="0.7" :visible="true" wave-type="triangle" />
    <ChromaticAberration :strength="0.02" :visible="true" />
    <Sharpness :sharpness="2" />
    <FilmGrain :strength="0.15" />
  </Shader>
</template>