Lost Rays 6
Lost RaysA dynamic, high-energy shader effect dominated by vibrant magenta and pink tones radiating from the upper-right and left portions of the frame. The composition features god rays emanating from a light source positioned at coordinates (0.2, 0.15), creating dramatic streaks of luminous pink (#f72585) that sweep diagonally across the dark background. A zoom blur effect centered at (0.85, 0.25) with intensity 48 creates a sense of rapid motion and convergence toward the upper-right, producing elongated streaks and a tunnel-like perspective. The background is a deep, near-black purple (#0d0221) that provides stark contrast. Fine vertical line patterns and film grain texture (strength 0.15) overlay the entire composition, adding a subtle noise and cinematic quality. The tritone color mapping blends between dark purple, hot pink, and violet (#b5179e), creating smooth color transitions across the mid-tones. The overall atmosphere is intense, futuristic, and kinetic, with a strong sense of directional energy flowing from left to right and upward. The lighting creates dramatic shadows and highlights that suggest three-dimensional depth despite the abstract nature of the effect.
Code
<script setup lang="ts">
import {
Shader,
FilmGrain,
Godrays,
Tritone,
ZoomBlur
} from 'shaders/vue'
</script>
<template>
<Shader
:disable-telemetry="true"
>
<Godrays background-color="#1a1a2e" :center="{ x: 0.2, y: 0.15 }" :intensity="0.82" ray-color="#ff6b35" :speed="1" />
<FilmGrain :strength="0.15" />
<Tritone :blend-mid="0.52" color-a="#0d0221" color-b="#f72585" color-c="#b5179e" color-space="oklch" />
<ZoomBlur :center="{ x: 0.85, y: 0.25 }" :intensity="48" />
</Shader>
</template>