Illuminated Clouds 6
Illuminated CloudsA deeply atmospheric shader effect featuring a dark, moody landscape with a prominent mountain or ridge silhouette in the center. The composition is dominated by a dark navy-black foreground (#0d0a1a base color) that creates a stark contrast with the luminous purple and lavender tones in the upper portion. The sky transitions from deep purple (#2a1045) near the horizon to lighter lilac and mauve hues (#c78dff, #e6b8ff) in the upper atmosphere, creating a twilight or dusk ambiance. The effect employs heavy blur and soft focus throughout, giving it a dreamlike, ethereal quality. A flowing gradient system animates smoothly across the scene with a speed of 4, creating subtle color shifts and movement. The mountain ridge appears as a dark silhouette with soft, diffused edges that blend seamlessly into the glowing sky. Fine film grain texture (0.075 strength) is applied across the entire composition, adding subtle noise and cinematic quality. The overall mood is mysterious, contemplative, and otherworldly, with a strong sense of depth created through color gradation and atmospheric perspective. The luminance masking creates organic, flowing transitions between color zones.
Code
<script setup lang="ts">
import {
Shader,
FilmGrain,
FlowingGradient,
Fog,
SolidColor
} from 'shaders/vue'
</script>
<template>
<Shader
:disable-telemetry="true"
>
<SolidColor color="#0d0a1a" />
<Fog id="idmo78g2qa8dpr72ig3" :blending="0.9" color-b="#000000" :detail="3" :mouse-influence="0.4" :seed="571" :visible="false" />
<FlowingGradient color-a="#0c0618" color-b="#2a1045" color-c="#c78dff" color-d="#e6b8ff" :distortion="0" mask-source="idmo78g2qa8dpr72ig3" mask-type="luminance" :seed="67" :speed="4" />
<FilmGrain :strength="0.075" />
</Shader>
</template>