Crystal Ball 5

A dark, atmospheric shader effect featuring a large spherical form centered in the upper-middle portion of the image. The sphere has a deep, glossy appearance with subtle internal lighting that creates a sense of depth and dimensionality. The overall color palette is dominated by very dark navy and near-black tones with hints of deep purple and teal undertones. A vignette effect darkens the edges significantly, creating a tunnel-like focus toward the center. The background exhibits a subtle gradient with warm brownish tones bleeding through the darkness, particularly visible in the lower-middle area. Floating particles with a soft lavender-purple hue (approximately #c5b7ed) drift slowly across the sphere, creating a sense of ethereal movement. A lens flare effect with chromatic aberration is present, contributing subtle rainbow-like color shifts along the edges. The overall mood is mysterious, cosmic, and introspective, with a cinematic quality enhanced by film grain texture overlay. The lighting appears to come from below and behind, creating rim lighting on the spherical form. The effect combines studio lighting simulation with organic particle effects and optical phenomena.

Code

vue

<script setup lang="ts">
import {
  Shader,
  CursorRipples,
  FilmGrain,
  FloatingParticles,
  LensFlare,
  Spherize,
  StudioBackground,
  Swirl
} from 'shaders/vue'
</script>

<template>
  <Shader
    :disable-telemetry="true"
  >
    <StudioBackground :ambient-intensity="32" :ambient-speed="0.3" back-color="#1a0f2e" :back-intensity="34" :back-softness="61" :brightness="5" :center="{ x: 0.5, y: 0.89 }" color="#17171c" :fill-angle="84" fill-color="#ffffff" :fill-intensity="55" :fill-softness="100" key-color="#ffffff" :key-intensity="15" :key-softness="70" :light-target="64" :seed="42" :vignette="25" :wall-curvature="42" />
    <Spherize :center="{ x: 0.5, y: 0.2 }" :depth="0.6" light-color="#48637a" :light-intensity="0.1" :light-position="{ x: 0.5, y: 1 }" :light-softness="0.2" :radius="1.7">
      <Swirl color-a="#0a0a0d" color-b="#0f0f1a" color-space="oklab" :detail="1.2" :speed="0.5" />
      <LensFlare :ghost-chroma="0" :ghost-spread="0.78" :glare-intensity="0.15" :glare-size="0.15" :halo-chroma="2" :halo-intensity="0.26" :halo-radius="0.58" :halo-softness="1.1" :intensity="0.37" :light-position="{ x: 0.49, y: 1 }" :speed="0.9" :starburst-intensity="0.13" :starburst-points="4" :streak-intensity="0" :streak-length="0.21" />
      <FloatingParticles :angle="188" :angle-variance="77" :opacity="0.49" particle-color="#c5b7ed" :particle-size="0.6" :randomness="0.3" :speed="0.1" :speed-variance="0.6" :twinkle="1" />
      <CursorRipples :chromatic-split="3" :decay="4" />
    </Spherize>
    <FilmGrain :strength="0.05" :visible="true" />
  </Shader>
</template>