Watercolor on Paper 8
Watercolor on PaperA smooth, ethereal gradient shader effect dominated by purple and pink tones with soft, blurred transitions. The composition features five gradient points creating a multi-directional color flow: deep purple (#5b2d8e) anchors the upper right area, transitioning through vibrant purple (#8e44ad) and mauve pink (#c77dba) toward lighter rose tones (#e8a4d0) in the center-right. A deep magenta point (#6a1b9a) adds richness to the mid-left region. The gradient has a smoothness value of 2.05, creating very soft, almost imperceptible color transitions. Overlaid wave distortion at 76 degrees with sine wave pattern and 0.35 strength creates subtle undulating ripples across the surface, giving it a liquid, flowing quality. Liquify effect with intensity 10 and radius 1.5 adds organic, fluid warping that softens hard edges and creates a dreamlike, melting appearance. Fine paper texture with 0.1 grain scale provides subtle surface irregularity, while film grain at 0.4 strength adds a delicate noise pattern. The overall effect is soft-focus, atmospheric, and meditative with no sharp edges or defined shapes-purely abstract color and light interplay suggesting movement and fluidity.
Code
<script setup lang="ts">
import {
Shader,
FilmGrain,
Liquify,
MultiPointGradient,
Paper,
WaveDistortion
} from 'shaders/vue'
</script>
<template>
<Shader
:disable-telemetry="true"
>
<MultiPointGradient color-a="#5b2d8e" color-b="#8e44ad" color-c="#c77dba" color-d="#e8a4d0" color-e="#6a1b9a" :position-a="{ x: 0.72, y: 0.12 }" :position-b="{ x: 0.15, y: 0.38 }" :position-c="{ x: 0.88, y: 0.55 }" :position-d="{ x: 0.35, y: 0.82 }" :position-e="{ x: 0.55, y: 0.28 }" :smoothness="2.05" />
<WaveDistortion :angle="76" :frequency="1.1" :strength="0.35" />
<Liquify :damping="0.7" :radius="1.5" :stiffness="15" />
<Paper :displacement="1" :grain-scale="0.1" :roughness="0.1" :seed="42" />
<FilmGrain :strength="0.4" />
</Shader>
</template>