Illuminated Clouds 9

A dark, atmospheric shader effect dominated by warm earth tones transitioning from deep burgundy and dark brown in the center to golden-orange and amber hues at the edges. The composition features a smooth, flowing gradient with organic, cloud-like distortions that create a sense of movement and turbulence. The effect appears to simulate a molten or fiery atmosphere with soft, blurred transitions between color zones. A subtle film grain texture overlays the entire surface, adding a cinematic quality and slight visual noise. The darkest areas concentrate in the left-center portion (#1a0805), while warmer golden tones (#ffd726) emerge from the right and upper edges, creating a directional light source effect. The overall mood is warm, dramatic, and somewhat ominous, resembling either a sunset through smoke, molten lava, or an abstract representation of fire and heat. The edges fade with transparency, creating a vignette-like effect that draws focus toward the center.

Code

vue

<script setup lang="ts">
import {
  Shader,
  FilmGrain,
  FlowingGradient,
  Fog,
  SolidColor
} from 'shaders/vue'
</script>

<template>
  <Shader
    :disable-telemetry="true"
  >
    <SolidColor color="#1a0805" />
    <Fog id="idmo78g2qa8dpr72ig3" :blending="0.9" color-b="#000000" :detail="3" :mouse-influence="0.4" :seed="617" :visible="false" />
    <FlowingGradient color-a="#1f0400" color-b="#4a0e1c" color-c="#ff2d05" color-d="#ffd726" :distortion="0" mask-source="idmo78g2qa8dpr72ig3" mask-type="luminance" :seed="71" :speed="4" />
    <FilmGrain :strength="0.075" />
  </Shader>
</template>