Rolling Shadows

A smooth, blurred gradient background transitioning from dark navy blue and deep purple in the upper left corner to vibrant magenta and bright pink in the center-right area. The composition features soft, organic color blobs with no hard edges, creating a dreamy, ethereal atmosphere. A prominent glowing magenta orb dominates the right-center portion of the image, with a subtle bulging distortion effect that creates depth. The upper left maintains cooler dark tones that gradually warm toward the center. Fine paper texture grain is subtly visible throughout, adding a delicate tactile quality. Wave distortion creates gentle undulating ripples across the entire surface, giving the effect a liquid, flowing appearance. The overall mood is serene and contemporary, with smooth color transitions and soft focus creating a premium, modern aesthetic suitable for UI backgrounds or abstract art.

<script setup lang="ts">
import {
  Shader,
  Bulge,
  MultiPointGradient,
  Paper,
  WaveDistortion
} from 'shaders/vue'
</script>

<template>
  <Shader
    :disable-telemetry="true"
  >
    <MultiPointGradient color-a="#15264f" color-c="#15264f" color-d="#f79cc9" color-e="#15264f" :position-a="{ x: 0.73, y: 0.21 }" :position-b="{ x: 0.74, y: 0.77 }" :position-c="{ x: 0.22, y: 0.77 }" :position-d="{ type: 'mouse-position', originX: 0.592, originY: 0.6447602131438721, momentum: 0.2, smoothing: 0.6 }" :position-e="{ x: 0.39, y: 0.42 }" />
    <WaveDistortion />
    <Bulge :center="{ type: 'mouse-position', originX: 0.37, originY: 0.6642984014209592, momentum: 0.3, smoothing: 0.8 }" :falloff="2" :radius="2" />
    <Paper :displacement="0.24" :grain-scale="3" :roughness="0.1" />
  </Shader>
</template>