Stretched Chevrons 6

A seamless repeating chevron pattern rendered with 3D depth and subtle lighting effects. The chevrons point rightward at a 180-degree angle, creating a continuous zigzag formation across the entire composition. The pattern consists of 7 chevrons per cycle with a slow animation speed of 0.1. Each chevron features soft, rounded edges with gradient shading that creates dimensional depth - the lighter areas (#a8c8d8) appear on the upper-left surfaces while darker areas (#3d5566) recede into shadow on the lower-right surfaces. The overall color palette transitions between light steel blue and dark slate blue tones, creating a cool, professional aesthetic. The softness mapping creates smooth gradients between the color transitions, giving the chevrons a beveled, embossed appearance. The lighting suggests a subtle directional light source from the upper-left, enhancing the three-dimensional quality. The background maintains a consistent dark blue-gray tone that allows the dimensional chevrons to stand out. The effect has a polished, metallic quality with no visible distortion or blur, maintaining crisp geometric precision throughout the pattern.

<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="180" :balance="{ type: 'map', curve: -0.8, source: 'idmp1helxtfp3bsckef', channel: 'alpha', inputMax: 1, inputMin: 0, outputMax: 1, outputMin: 0.01 }" color-a="#a8c8d8" color-b="#3d5566" color-space="oklab" :count="7" :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>