Shaders
header.lightDarkMode D
Gallery

Stretched Chevrons 3

Stretched Chevrons

A repeating geometric pattern of chevron or mountain-like shapes arranged in four horizontal rows across a bright lime-green background. Each row contains seven pointed triangular peaks with subtle 3D depth created through gradient shading. The peaks transition from lighter lime-green at the top edges to darker, more saturated green in the valleys and shadow areas, creating a dimensional relief effect. The shapes have soft, feathered edges with smooth gradients rather than hard lines. The overall composition suggests a landscape of rolling hills or mountains with consistent spacing and rhythm. The lighting appears to come from above, casting subtle shadows in the valleys between peaks. The color palette is monochromatic within the green spectrum, ranging from very light yellow-green (#a9ff78) to darker forest green (#00ad3e), with the background maintaining a bright, almost neon lime-green tone. The effect creates a sense of depth and movement despite being a static image, with the chevron pattern suggesting upward motion or growth.

Code

vue
<script setup lang="ts">
import {
  Shader,
  Chevron,
  ChromaFlow
} from 'shaders/vue'
</script>

<template>
  <Shader
    :disable-telemetry="true"
  >
    <ChromaFlow id="idmp1helxtfp3bsckef" base-color="#ffffff" down-color="#ffffff" :intensity="0.6" left-color="#ffffff" :momentum="0" right-color="#ffffff" up-color="#ffffff" :visible="false" />
    <Chevron :angle="90" :balance="{ type: 'map', curve: -0.8, source: 'idmp1helxtfp3bsckef', channel: 'alpha', inputMax: 1, inputMin: 0, outputMax: 1, outputMin: 0.01 }" color-a="#00ad3e" color-b="#a9ff78" color-space="oklab" :count="4" :softness="{ type: 'map', curve: 1, source: 'idmp1helxtfp3bsckef', channel: 'alpha', inputMax: 1, inputMin: 0, outputMax: 1, outputMin: 0.01 }" :speed="0.1" :visible="true" />
  </Shader>
</template>