Stretched Chevrons 5
Stretched ChevronsA repeating geometric pattern of chevron or arrow-like shapes arranged in a diagonal grid formation. The chevrons are outlined in a bright orange-red color (#ff4500) against a very dark brown-black background (#1a0500). Each chevron unit consists of two perpendicular lines forming a right angle, creating a staircase or zigzag effect that flows diagonally across the entire image from upper-left to lower-right. The pattern has approximately 7 chevrons per row with consistent spacing and alignment. The orange outlines have a subtle glow or soft edge effect, creating a luminous quality against the dark background. The overall composition creates a sense of depth and movement, with the diagonal orientation suggesting forward motion. The contrast between the bright orange lines and the nearly black background is stark and high-contrast, giving the effect a bold, neon-like appearance. There is no blur or distortion; the lines are crisp and well-defined with slight softness at the edges due to the softness mapping parameter.
Code
<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="-45" :balance="{ type: 'map', curve: -0.8, source: 'idmp1helxtfp3bsckef', channel: 'alpha', inputMax: 1, inputMin: 0, outputMax: 1, outputMin: 0.03 }" color-a="#ff4500" color-b="#1a0500" 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>