Crystal Ball 2

A dark, cinematic 3D rendered sphere dominates the right side of the composition, positioned at approximately 90.5% horizontally and 54% vertically. The sphere features a deep navy-to-black gradient surface with subtle atmospheric lighting along its curved edge, creating a rim-light effect in cool blue tones (#a9cbe8). The sphere's interior contains swirling dark matter patterns transitioning between near-black (#0a0a0d) and deep navy (#0f0f1a) colors, creating organic, turbulent cloud-like formations. A soft lens flare with halo effects emanates from the lower-left quadrant of the sphere, with subtle chromatic aberration and ghosting artifacts typical of optical imperfections. The background is an extremely dark studio environment with a deep purple-black base (#1a0f2e) that transitions to charcoal (#17171c), featuring a subtle vignette effect that darkens the edges. Floating particles with a lavender-purple tint (#c5b7ed) drift slowly across the sphere's surface with low opacity (0.49), creating a sense of cosmic dust or atmospheric particles. The overall mood is mysterious, ethereal, and deeply space-like, with high contrast between the illuminated sphere edge and the nearly pure black surrounding space. Film grain texture adds a subtle analog quality to the digital rendering.

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.57, y: 0.94 }" 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.91, y: 0.54 }" :depth="1.1" light-color="#a9cbe8" :light-intensity="0.3" :light-position="{ x: 0.43, y: 0.15 }" :light-softness="0.2" :radius="1.2">
      <Swirl color-a="#0a0a0d" color-b="#0f0f1a" color-space="oklab" :detail="1.2" :speed="0.5" />
      <LensFlare :ghost-chroma="0" :ghost-intensity="0.35" :ghost-spread="0.78" :glare-intensity="0.15" :glare-size="0.15" :halo-chroma="2" :halo-intensity="0.27" :halo-radius="0.38" :halo-softness="1.1" :light-position="{ x: 0.19, y: 0.39 }" :speed="0.9" :starburst-intensity="0.05" :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>