Stretched Chevrons 8

A geometric shader effect displaying a repeating chevron or zigzag pattern arranged in horizontal rows across the entire composition. The pattern consists of pointed triangular shapes that create a quilted, three-dimensional appearance through subtle shadow and depth effects. The chevrons are oriented at a -90 degree angle, creating downward-pointing V-shapes. The color palette transitions between a deep burgundy-red (#b8003f) and a very dark purple-black (#0a0612), creating strong contrast and visual depth. Each chevron row casts soft shadows that enhance the embossed or relief effect, giving the surface a tactile, dimensional quality. The shadows appear as darker gradations along the edges of each triangular form, suggesting light coming from above. The overall effect is reminiscent of quilted fabric or embossed leather with a luxurious, sophisticated appearance. The background maintains a consistent deep red tone while the chevron edges define sharp geometric boundaries. The softness parameter creates subtle anti-aliasing and feathering at the edges of each shape, preventing harsh pixelation. The opacity is set to full visibility, and the blend mode is normal, allowing the colors to appear pure and saturated without transparency effects.

<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="#0a0612" color-b="#b8003f" 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>