Shaders
header.lightDarkMode D
Gallery

A dramatic dark background with diagonal parallel lines creating a striped pattern at approximately 45-degree angle. Seven vertical glowing bands traverse the image from upper-left to lower-right, with the central three bands being most prominent and luminous. The bands display a gradient effect transitioning from deep red on the outer edges to bright orange-red in the center, with soft blur and glow creating a neon-like appearance. The leftmost and rightmost bands are more subtle and darker. A fluted glass refraction effect is applied across all bands, creating subtle wave distortions and light refractions that give the bands a three-dimensional, translucent quality. The overall atmosphere is intense and energetic with a warm color temperature. Fine film grain texture is subtly visible throughout, adding a cinematic quality. The lighting creates strong highlights along the band edges with soft falloff into shadow, suggesting volumetric light or energy emission. The composition has a sense of motion and dynamism despite being a static image.

Code

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

<template>
  <Shader
    :disable-telemetry="true"
  >
    <Swirl color-a="#000000" color-b="#0a0a0a" :detail="1.7" />
    <ChromaFlow base-color="#18181a" left-color="#ff9900" :momentum="13" right-color="#ff5e00" up-color="#ff8c00" />
    <FlutedGlass :aberration="0.61" :angle="28" :frequency="8" :highlight="0.12" :highlight-softness="0" :light-angle="-90" :refraction="4" shape="rounded" :softness="1" :speed="0.15" />
    <FilmGrain :strength="0.05" />
  </Shader>
</template>