Shaders
header.lightDarkMode D
Gallery

Drifting Contours 4

Drifting Contours

A smooth, flowing gradient shader effect dominated by warm yellow tones transitioning from bright yellow-green (#ddd738) to soft cream (#f8f5d6). The composition features organic, curved contour lines that flow diagonally from the upper left toward the lower right, creating a sense of fluid motion and depth. The lines are rendered in warm tan and golden hues with subtle variations in opacity, creating a layered, three-dimensional appearance. The effect has a soft, organic quality with smooth wave-like patterns that suggest liquid or plasma movement. The contour lines follow natural curves and undulations, giving the impression of topographical mapping or fluid dynamics. The overall mood is warm, energetic, and organic, with a gentle luminosity that suggests light passing through translucent material. The edges fade smoothly into the background, and there's a subtle interplay between the dense line patterns on the left side and the more open, spacious right side of the composition.

Code

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

<template>
  <Shader
    :disable-telemetry="true"
  >
    <Plasma :balance="40" color-a="#f8f5d6" color-b="#ddd738" :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.75, y: 0.06 }" color-a="#85a111" color-b="#e5aa4c" :deformation="0.2" highlight-color="#fbffb3" :highlight-intensity="1" :highlight-x="-0.5" :highlight-y="-0.6" :highlight-z="-0.1" :seed="42" :size="1" :softness="1" :speed="0.2" />
    </ContourLines>
    <Liquify :decay="0.5" :intensity="1" :radius="3" />
  </Shader>
</template>