Deep Signal 3

A deep, dark abstract shader effect dominated by flowing wave distortions creating organic, undulating patterns across the entire canvas. The primary visual element consists of fine, parallel vertical lines that ripple and curve in a fluid motion, creating a sense of movement and depth. The lines are rendered in bright electric blue (#0b0b29 to #080f1a base with blue highlights) against an almost black background, producing a high-contrast, neon-like appearance. The wave distortion creates a swirling, hypnotic pattern with the lines bending and warping as if responding to invisible forces. In the upper left and right corners, the lines form tighter, more concentrated wave patterns that appear to be pulling inward, while the center remains relatively calm. A subtle blob element with blue coloring (#3535ff, #1e47e9) adds soft, glowing accents with very low opacity (0.08), creating barely perceptible luminous areas. The twirl effect centered in the lower right creates a subtle vortex-like distortion. A fine film grain texture overlays the entire composition at minimal strength (0.05), adding subtle noise and texture. The overall mood is technological, mysterious, and deeply atmospheric, evoking digital landscapes or abstract data visualization. The effect suggests motion and energy contained within a dark, void-like space.

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

<template>
  <Shader
    :disable-telemetry="true"
  >
    <Swirl color-a="#080f1a" color-b="#0b0b29" color-space="oklch" />
    <WaveDistortion :angle="344" blend-mode="linearDodge" edges="wrap" :frequency="2.9" :strength="0.1" :transform="{ scale: 1.3 }">
      <WaveDistortion :angle="185" edges="mirror" :frequency="80" :speed="0.3" :strength="1">
        <Blob :center="{ x: 0.55, y: 0.81 }" color-a="#020117" color-b="#0b0a2e" :deformation="0.7" highlight-color="#0051ff" :highlight-intensity="0.6" :highlight-x="0.1" :highlight-y="-0.2" :highlight-z="0.1" :size="0.8" :softness="1" />
      </WaveDistortion>
    </WaveDistortion>
    <FilmGrain :strength="0.05" />
    <Blob blend-mode="colorDodge" :center="{ x: 0.35, y: 0.63 }" color-a="#3535ff" color-b="#1e47e9" :deformation="2" :opacity="0.08" :softness="2" />
    <Twirl :center="{ x: 0.82, y: 0.81 }" edges="mirror" :intensity="-1.7" />
  </Shader>
</template>