Lava Lamp 5

A dynamic, blurred shader effect featuring a soft organic blob shape with smooth gradient transitions. The composition shows a dark navy background (#0a1a2e) occupying the left and upper portions. A large amorphous blob form dominates the center-right area, transitioning from light cyan (#7ec8e3) on the left side through vibrant blue (#3e00e8) in the middle to deep purple tones on the right. The blob has extremely soft, feathered edges with a high softness value (1.5) creating a diffused, glowing appearance rather than sharp boundaries. A subtle yellow-gold highlight (#ffe11a) is visible within the blob's upper-left quadrant, adding dimensional depth and luminosity. The entire effect is heavily blurred and out-of-focus, suggesting motion or intentional defocus. A fine film grain texture overlays the entire composition at 15% strength, adding subtle noise and a cinematic quality. The blob appears to be positioned slightly off-center toward the bottom-right, with the overall mood being ethereal, modern, and atmospheric. The color space uses oklab for smooth perceptual gradients.

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

<template>
  <Shader
    :disable-telemetry="true"
  >
    <SolidColor color="#0a1a2e" />
    <Blob :center="{ x: 0.64, y: 1 }" color-a="#7ec8e3" color-b="#3e00e8" color-space="oklab" :deformation="5" :seed="88" :size="1.3" :softness="1.5" />
    <FilmGrain :strength="0.15" />
  </Shader>
</template>