Stretched Chevrons

Open in editor

A geometric pattern of repeating chevron or staircase shapes arranged in a regular grid across a dark purple background. The shapes are outlined in a bright purple/magenta color (#a461ff) with sharp, clean edges and subtle glowing effects along the borders. The chevrons are oriented at 45-degree angles and create a sense of depth through their three-dimensional appearance, with each shape appearing to step inward. The background is a very dark purple (#1d063d), creating high contrast with the bright purple outlines. The pattern repeats uniformly across the entire image with consistent spacing and sizing. There is a subtle luminous glow or bloom effect around the purple edges of each chevron shape, giving them a neon-like quality. The overall mood is modern, digital, and somewhat hypnotic due to the regular repetition of the geometric forms. The effect appears to be a shader-based pattern with mathematical precision in its construction.

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="45" :balance="{ type: 'map', curve: -0.8, source: 'idmp1helxtfp3bsckef', channel: 'alpha', inputMax: 1, inputMin: 0, outputMax: 1, outputMin: 0.01 }" color-a="#a461ff" color-b="#1d063d" 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>