Lost Rays 10
Lost RaysA dynamic shader effect featuring radiant god rays emanating from the upper left quadrant, creating a sense of depth and movement. The rays are composed of bright magenta and light purple streaks that fan outward across the composition. The background transitions from deep dark purple (#2a0845) in the darker regions to vibrant magenta and pink tones in the illuminated areas. A zoom blur effect originates from the left-center area, creating a sense of forward motion and convergence toward a vanishing point. The tritone color grading applies a sophisticated three-tone palette ranging from very dark purple shadows through vibrant purple midtones to bright pink highlights. A subtle film grain texture overlays the entire composition, adding a cinematic quality and slight visual noise. The overall atmosphere is ethereal and energetic, with strong directional lighting that creates dramatic contrast between the illuminated ray areas and the deep purple shadows. The effect conveys motion, energy, and a mystical or supernatural quality.
Code
<script setup lang="ts">
import {
Shader,
FilmGrain,
Godrays,
Tritone,
ZoomBlur
} from 'shaders/vue'
</script>
<template>
<Shader
:disable-telemetry="true"
>
<Godrays background-color="#2a0845" :center="{ x: 0.13, y: 0.82 }" :intensity="0.76" ray-color="#e8c4f0" :speed="1.4" />
<FilmGrain :strength="0.12" />
<Tritone :blend-mid="0.35" color-a="#0d0520" color-b="#8b2fc9" color-c="#e86fbf" />
<ZoomBlur :center="{ x: 0.15, y: 0.62 }" :intensity="65" />
</Shader>
</template>