Lost Rays 2
Lost RaysA dark, atmospheric shader effect dominated by deep navy and black tones with dynamic linear striations creating a sense of motion and depth. The image features prominent diagonal line patterns that converge toward the upper right, suggesting a zoom blur effect emanating from the lower left quadrant. Cyan and teal accents appear along the edges of the linear patterns, creating a neon-like glow effect. The composition has a strong sense of directional movement with parallel lines that intensify and spread outward. A subtle film grain texture overlays the entire image, adding a cinematic quality. The color grading applies a tritone effect with dark purples in the shadows, cyan highlights in the midtones, and golden yellow accents in the brightest areas. The overall mood is technological and dynamic, with a sci-fi aesthetic. Godrays emanate from a point in the upper-center area, creating volumetric light streaks that interact with the zoom blur effect. The blend of effects creates a sense of high-speed motion through a digital or abstract space.
Code
<script setup lang="ts">
import {
Shader,
FilmGrain,
Godrays,
Tritone,
ZoomBlur
} from 'shaders/vue'
</script>
<template>
<Shader
:disable-telemetry="true"
>
<Godrays background-color="#000000" :center="{ x: 0.53, y: 0.72 }" :density="0.2" ray-color="#ffffff" :speed="0.7" />
<FilmGrain :strength="0.09" />
<Tritone :blend-mid="0.7" color-a="#0f0517" color-b="#00fffa" color-c="#ffd53d" color-space="hsl" />
<ZoomBlur :center="{ x: 0.11, y: 0.33 }" :intensity="100" />
</Shader>
</template>