Synthesis 9

A soft, blurred abstract shader effect dominated by a gradient transitioning from deep dark navy/black tones in the upper left to light blue in the center, then shifting to purple and lavender tones in the upper right and lower right areas. The composition features two primary wave distortions: a blue-tinted sine wave positioned in the upper-left quadrant with a 77-degree angle creating a diagonal sweep, and a purple sine wave in the lower-right area at 144 degrees. Both waves have soft, feathered edges with significant blur creating an ethereal, dreamlike quality. The waves appear to flow and undulate across the composition with smooth gradients and gentle amplitude variations. A wave distortion effect at 120 degrees adds subtle rippling and warping to the overall image, creating depth and movement. The entire effect is overlaid with fine film grain at low opacity (0.1 strength) adding subtle texture and visual noise. The overall mood is serene and atmospheric with a cool color palette, soft focus throughout, and smooth color transitions that suggest motion and fluidity. The dark navy base (#08071a) provides deep contrast against the lighter blue (#7a9ec4) and purple (#b09adb) wave elements.

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

<template>
  <Shader
    :disable-telemetry="true"
  >
    <SolidColor color="#08071a" />
    <SineWave :amplitude="0.52" :angle="77" blend-mode="normal-oklch" color="#7a9ec4" :frequency="0.35" :position="{ x: 0.38, y: 0.35 }" :softness="0.62" :speed="0.3" :thickness="0.95" />
    <SineWave :amplitude="0.28" :angle="144" blend-mode="normal-oklab" color="#b09adb" :frequency="0.45" :position="{ x: 0.72, y: 0.62 }" :softness="0.48" :speed="0.5" :thickness="0.58" />
    <WaveDistortion :angle="120" edges="mirror" :frequency="1.6" :speed="0.2" :strength="0.42" />
    <FilmGrain :strength="0.1" />
  </Shader>
</template>