Shaders
header.lightDarkMode D
Gallery

Drifting Contours 9

Drifting Contours

A fluid, organic abstract composition dominated by smooth, flowing contour lines rendered in coral-red (#ff4a4a) against a soft pink background. The image features layered wavy patterns that create a sense of depth and movement, with the contour lines following topographic-like ridges that flow from the upper left through the center and toward the lower right. The lines are thin and precise (1.5px width) with approximately 30 levels creating a rhythmic, undulating pattern. The background gradient transitions from a warmer magenta-pink on the left to a cooler lavender-pink on the right. The overall effect is smooth and organic, resembling liquid surfaces, terrain maps, or fabric folds. There's a subtle luminous quality to the composition with soft edges and a transparent treatment that creates an ethereal, flowing aesthetic. The plasma base layer provides subtle color variation and texture, while the liquify effect adds a gentle warping and fluidity to the entire composition. The visual mood is calming yet dynamic, with a modern, minimalist design sensibility.

Code

vue
<script setup lang="ts">
import {
  Shader,
  Blob,
  ContourLines,
  Liquify,
  Plasma
} from 'shaders/vue'
</script>

<template>
  <Shader
    :disable-telemetry="true"
  >
    <Plasma :balance="29" color-a="#c3cf23" color-b="#d185be" :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.61, y: 0.03 }" color-a="#d53137" color-b="#9a6232" :deformation="0.7" highlight-color="#fbffb3" :highlight-intensity="1" :highlight-x="-0.5" :highlight-y="-0.6" :highlight-z="-0.1" :seed="71" :size="0.7" :softness="1" :speed="0.2" />
    </ContourLines>
    <Liquify :decay="0.5" :intensity="1" :radius="3" />
  </Shader>
</template>