Watercolor on Paper 6

A soft, organic gradient composition featuring warm earth tones with subtle fluid distortions. The image displays a multi-point gradient system with five color nodes positioned strategically across the canvas: a dark brown (#8b6b5a) in the upper right area, a warm tan (#d4a574) in the left-center region, a muted mauve-brown (#c8917a) in the right-center, a very light cream (#f2e0d0) in the lower-left quadrant, and a deep chocolate brown (#6b4e3d) in the center. The colors blend smoothly with a high smoothness value (2.05), creating soft transitions without harsh edges. A sine wave distortion effect with 112-degree angle and 0.32 strength adds subtle undulating ripples across the surface, creating a gentle fluid movement. The liquify effect with intensity 10 and radius 1.5 introduces organic, slightly melted appearance to the color transitions. A fine paper texture with 0.1 grain scale and 1 unit displacement adds tactile surface quality, while film grain at 0.35 strength introduces subtle noise and vintage photographic quality. The overall effect is warm, organic, and slightly dreamlike with a matte, textured finish. The composition has a calm, meditative atmosphere with natural color harmony reminiscent of sand, clay, or aged parchment.

Code

vue

<script setup lang="ts">
import {
  Shader,
  FilmGrain,
  Liquify,
  MultiPointGradient,
  Paper,
  WaveDistortion
} from 'shaders/vue'
</script>

<template>
  <Shader
    :disable-telemetry="true"
  >
    <MultiPointGradient color-a="#8b6b5a" color-b="#d4a574" color-c="#c8917a" color-d="#f2e0d0" color-e="#6b4e3d" :position-a="{ x: 0.72, y: 0.12 }" :position-b="{ x: 0.15, y: 0.35 }" :position-c="{ x: 0.88, y: 0.55 }" :position-d="{ x: 0.35, y: 0.82 }" :position-e="{ x: 0.55, y: 0.42 }" :smoothness="2.05" />
    <WaveDistortion :angle="112" :frequency="1.2" :strength="0.32" />
    <Liquify :damping="0.7" :radius="1.5" :stiffness="15" />
    <Paper :displacement="1" :grain-scale="0.1" :roughness="0.1" :seed="41" />
    <FilmGrain :strength="0.35" />
  </Shader>
</template>