Afternoon Sunlight 3

A soft, ethereal shader effect dominated by a light gray background with subtle organic texture. The composition features a gentle, diffused lighting that creates a cloudy, atmospheric appearance. A Worley noise pattern generates organic cellular-like structures with warm off-white (#fcf8f0) highlights against cooler gray tones (#a69f9f), creating a natural stone or marble-like texture. A linear blur effect at 211 degrees adds directional motion blur, creating a sense of movement from upper-left to lower-right, softening all elements into a dreamy, unfocused state. Chromatic aberration with subtle red and blue channel shifts (±1 offset) introduces minimal color fringing at edges, adding a slight iridescent quality. The overall effect is soft-focused and atmospheric, resembling frosted glass or a heavily blurred natural material surface. The blend of noise patterns and blur creates depth and a three-dimensional quality despite the flat composition. The mood is serene, minimalist, and ethereal with a cool-to-warm color balance.

Code

vue

<script setup lang="ts">
import {
  Shader,
  Blob,
  ChromaticAberration,
  LinearBlur,
  SolidColor,
  WorleyNoise
} from 'shaders/vue'
</script>

<template>
  <Shader
    :disable-telemetry="true"
  >
    <Blob id="idmozyext3ts4o5d9ra" :center="{ x: 0.53, y: 0.97 }" color-a="#000000" color-b="#000000" :size="0.9" :softness="1.5" :speed="0.8" :visible="false" />
    <SolidColor color="#c4c4c4" />
    <WorleyNoise color-a="#a69f9f" color-b="#fcf8f0" :contrast="0.55" :lacunarity="2.3" mask-source="idmozyext3ts4o5d9ra" mode="f2MinusF1" :octaves="2" :persistence="1" :scale="2.5" :seed="33" :speed="3.3" />
    <LinearBlur :angle="211" :intensity="500" :visible="true" />
    <ChromaticAberration :strength="0.15" :visible="true" />
  </Shader>
</template>