Drifting Contours 2
Drifting ContoursA dynamic gradient shader effect featuring smooth, flowing curved lines that create a wave-like or ribbon pattern emanating from the upper right corner. The primary visual element consists of approximately 30 parallel contour lines that follow organic, undulating curves across the composition. The lines transition smoothly from white/light tones on the left side to warm orange and golden yellow tones on the right side, creating a sense of depth and movement. The background is a rich, deep magenta-red (#ad0e3a) that provides strong contrast to the lighter line work. The contour lines appear to be derived from a plasma-based blob effect with soft, feathered edges that blend seamlessly into the background. There's a subtle liquify distortion applied that creates a fluid, organic quality to the otherwise geometric line pattern. The overall effect suggests flowing energy or a three-dimensional wave surface captured in cross-section. The composition has a modern, minimalist aesthetic with high contrast between the warm accent colors and cool magenta background, creating visual tension and drawing the eye toward the upper right quadrant where the lines are most densely concentrated.
Code
<script setup lang="ts">
import {
Shader,
Blob,
ContourLines,
Liquify,
Plasma
} from 'shaders/vue'
</script>
<template>
<Shader
:disable-telemetry="true"
>
<Plasma :balance="40" color-a="#dd470d" color-b="#ad0e3a" :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.02, y: 1 }" color-a="#ffffff" color-b="#ff822b" :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>