Lost Rays 8
Lost RaysA dynamic shader effect featuring radial god rays emanating from the upper-right quadrant, creating luminous streaks of light that converge toward a focal point. The composition uses a dark, deep color palette dominated by dark teal and dark green tones, with bright neon green (#00ff33) accents that create high contrast. The god rays effect produces glowing, semi-transparent beams with soft edges that fade into the dark background. A zoom blur effect originates from the left-center area, creating a sense of rapid motion and depth, pulling the viewer's eye toward the center-left. The tritone color grading applies a three-tone color mapping with dark teal shadows, bright neon green midtones, and magenta highlights, creating a cyberpunk aesthetic. Fine film grain texture is overlaid throughout, adding a subtle noise pattern that enhances the digital, technical feel. The overall atmosphere is intense and energetic, with a strong sense of directional movement and depth. The lighting creates dramatic contrast between the illuminated ray areas and the deep shadow regions, producing a moody, high-tech visual experience.
Code
<script setup lang="ts">
import {
Shader,
FilmGrain,
Godrays,
Tritone,
ZoomBlur
} from 'shaders/vue'
</script>
<template>
<Shader
:disable-telemetry="true"
>
<Godrays background-color="#1829b5" :center="{ x: 0.67, y: 0.41 }" :intensity="0.58" ray-color="#ccdaed" :speed="0.7" />
<FilmGrain :strength="0.09" />
<Tritone color-a="#051713" color-b="#00ff33" color-c="#ff3df2" color-space="hsl" />
<ZoomBlur :center="{ x: 0.37, y: 0.35 }" :intensity="100" />
</Shader>
</template>