Deep Vortex
Deep VortexA cosmic space scene dominated by radial godray effects emanating from the center point (0.5, 0.5). The primary visual element is a series of purple and violet light beams that radiate outward in all directions, creating a tunnel or wormhole-like effect. The background is a very dark purple-black void with scattered white point lights representing stars. The godrays have a slightly spotty, discontinuous quality with low density (0.05), creating gaps and variation in the light rays rather than solid beams. A secondary layer of subtle purple godrays (#7e36ff) with higher density (1.0) and darken blend mode adds depth and intensity to the effect. The overall atmosphere is ethereal and cosmic, with a sense of depth created by the converging rays. Small floating particles with a light purple/lavender color (#d6b3ff) are distributed throughout, moving at slow speed (0.43) with slight twinkle variation (0.5), adding a subtle sense of motion and life to the static space. A very subtle wave distortion (strength 0.01) with sine wave pattern at 67 degrees angle provides minimal warping to prevent the effect from appearing completely static. The color palette transitions from deep dark purple (#220842, #0d0317) in the background to brighter violet and lavender tones in the rays and particles, creating strong visual contrast and drawing the eye toward the center.
Code
<script setup lang="ts">
import {
Shader,
FloatingParticles,
Godrays,
PolarCoordinates,
WaveDistortion
} from 'shaders/vue'
</script>
<template>
<Shader
:disable-telemetry="true"
>
<Godrays background-color="#0d0317" :center="{ x: 0.5, y: 0.5 }" :density="0.05" :intensity="1" ray-color="#220842" :speed="-3" />
<PolarCoordinates>
<FloatingParticles particle-color="#d6b3ff" :particle-size="1" :speed="0.43" />
</PolarCoordinates>
<WaveDistortion :angle="67" edges="mirror" :frequency="10" :speed="5" :strength="0.01" />
<Godrays blend-mode="darken" :center="{ x: 0.5, y: 0.5 }" :density="1" :intensity="0.2" ray-color="#7e36ff" :spotty="0" />
</Shader>
</template>