Drifting Contours 6
Drifting ContoursA sophisticated abstract shader composition featuring a flowing, organic wave-like form rendered in gradient tones. The primary visual element is a smooth, undulating surface with contour lines that create a topographic map effect. The background transitions from deep blue on the left to purple-tinted blue on the right, creating atmospheric depth. Overlaid on this are delicate golden-yellow contour lines that follow the organic curves of the central blob form, creating approximately 30 distinct line levels that emphasize the three-dimensional topology. The blob itself appears to be a soft, luminous form with subtle internal gradients shifting between muted gold-tan and cool blue-gray tones, positioned slightly left of center. A gentle highlight effect creates a subtle luminous quality on the upper-left portion of the blob. The contour lines are crisp and well-defined with approximately 1.5-pixel width, creating a technical, almost scientific visualization aesthetic. The overall effect combines organic fluidity with geometric precision, suggesting data visualization or topographic mapping. The liquify effect adds subtle warping and distortion to the edges, softening the transition between the form and background. The composition has a calm, meditative quality with smooth gradients and no harsh edges.
Code
<script setup lang="ts">
import {
Shader,
Blob,
ContourLines,
Liquify,
Plasma
} from 'shaders/vue'
</script>
<template>
<Shader
:disable-telemetry="true"
>
<Plasma :balance="29" color-a="#d65188" color-b="#215597" :contrast="0.7" :density="0.9" :warp="0.3" />
<ContourLines :gamma="0.1" :levels="30" line-color="#ff4a4a" :line-width="1.5" source="alpha">
<Blob :center="{ x: 0.15, y: 0.39 }" color-a="#c1b861" color-b="#8190ab" :deformation="0.7" highlight-color="#fbffb3" :highlight-intensity="1" :highlight-x="-0.5" :highlight-y="-0.6" :highlight-z="-0.1" :seed="42" :size="0.7" :softness="1" :speed="0.2" />
</ContourLines>
<Liquify :decay="0.5" :intensity="1" :radius="3" />
</Shader>
</template>