Holographic Waves 2

A dynamic gradient shader effect featuring diagonal parallel lines that create a sense of motion and depth. The composition transitions from cyan and light-blue tones in the lower-left corner to deep purple and magenta hues dominating the upper-right portion. The parallel lines are sharp and evenly spaced, creating a linear wave distortion pattern at approximately 127 degrees angle. A subtle blob-like gradient element with cyan-to-green coloring is positioned in the lower-left area, providing a soft, organic contrast to the geometric line pattern. The overall effect has a modern, tech-forward aesthetic with slight chromatic aberration visible at color boundaries, creating subtle color fringing. Film grain adds subtle texture throughout, while the sharpness enhancement makes the line patterns crisp and defined. The wave distortion creates a triangular wave pattern with high frequency (30), producing the characteristic parallel line effect. The color space uses OKLCH for smooth, perceptually uniform transitions between the purple base and cyan accents.

<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="#8c0d7c" color-b="#7c05b7" color-space="oklch" :detail="4.1" />
    <Blob :center="{ x: 0, y: 0.85 }" color-a="#5be1ed" color-b="#90fa93" 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>