Drifting Contours

A dynamic shader effect featuring a curved wave or arc of parallel lines that flow from the upper left toward the right side of the composition. The lines transition in color from a warm coral-orange (#ff4a4a) on the left to a lighter peachy-orange tone on the right, creating a gradient effect. The lines are thin, evenly spaced, and follow a smooth, organic curved path that suggests fluid motion or wave propagation. The background is a deep, dark navy-blue to near-black color (#04040d, #450482), creating strong contrast that makes the glowing orange contour lines pop prominently. The effect has a neon-like quality with the lines appearing to glow against the dark background. The overall composition suggests movement and energy, with the curved line pattern evoking the appearance of a plasma wave, magnetic field lines, or fluid dynamics visualization. The lines maintain consistent width and spacing throughout, demonstrating precise mathematical rendering. The soft edges and the way the lines fade slightly as they extend suggest depth and atmospheric perspective. The entire effect has a modern, digital aesthetic with a sense of flowing energy and motion.

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

<template>
  <Shader
    :disable-telemetry="true"
  >
    <Plasma color-a="#450482" color-b="#04040d" :density="0" :warp="0.3" />
    <ContourLines :gamma="0.1" :levels="30" line-color="#ff4a4a" :line-width="1.5" source="alpha">
      <Blob :center="{ x: 1, y: 1 }" :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>