Rolling Shadows 6
Rolling ShadowsA soft, blurred gradient composition featuring a warm golden-orange circular glow centered in the upper-middle portion of the image. The glow has a luminous, diffused quality with soft edges that fade into the surrounding darker tones. The background transitions from deep teal and dark blue-green on the left side to warm tan and beige tones in the center, then darkens to dark blue and charcoal on the right edge. The overall effect is atmospheric and dreamy, with a subtle wave distortion creating gentle undulations across the surface. A fine paper texture overlay adds subtle grain and displacement throughout, creating a tactile, organic quality. The bulge distortion effect creates a subtle spherical warping around the central golden area, enhancing the three-dimensional appearance. The composition has a serene, meditative quality with warm and cool color zones creating visual balance. The smoothness value of 2 creates soft color transitions between the gradient points, resulting in a painterly, impressionistic appearance.
Code
<script setup lang="ts">
import {
Shader,
Bulge,
MultiPointGradient,
Paper,
WaveDistortion
} from 'shaders/vue'
</script>
<template>
<Shader
:disable-telemetry="true"
>
<MultiPointGradient color-a="#0f2e3d" color-b="#1a5c4a" color-c="#0f2e3d" color-d="#e8a44c" color-e="#123842" :position-a="{ x: 0.19, y: 0.4 }" :position-b="{ x: 0.36, y: 0.47 }" :position-c="{ x: 0.75, y: 0.66 }" :position-d="{ type: 'mouse-position', originX: 0.53, originY: 0.13143872113676733, momentum: 0.2, smoothing: 0.6 }" :position-e="{ x: 0.54, y: 0.92 }" />
<WaveDistortion />
<Bulge :center="{ type: 'mouse-position', originX: 0.37, originY: 0.6642984014209592, momentum: 0.3, smoothing: 0.8 }" :falloff="2" :radius="2" />
<Paper :displacement="0.24" :grain-scale="3" :roughness="0.1" />
</Shader>
</template>