Pistons 6
PistonsA gradient-based shader effect featuring a soft purple and pink color palette transitioning from cooler lavender tones at the top to warmer mauve and dusty rose tones toward the bottom. The composition is dominated by an ASCII character pattern using vertical bars (║), blocks (█), and lower half blocks (▄) arranged in a grid formation with 54-pixel cell sizes. These characters create vertical striations and rectangular shapes that give the effect a retro digital or glitch aesthetic. Overlaid on this ASCII pattern is a subtle godray effect with light blue-white rays (#c3d1f7) emanating from the center, creating a radiant light diffusion that adds depth and luminosity. The rays have low density (0.2) and moderate intensity (0.9), producing a soft, ethereal glow rather than harsh light streaks. A fine paper texture with high roughness (0.85) and 3-pixel grain scale is applied across the entire composition, adding subtle surface irregularity and tactile quality. The overall mood is ethereal and atmospheric, with a cyberpunk or vaporwave aesthetic created by the combination of geometric ASCII characters, soft color gradients, and luminous ray effects. The blend mode is normal throughout, maintaining color saturation while the paper texture provides organic imperfection to the otherwise digital composition.
Code
<script setup lang="ts">
import {
Shader,
Ascii,
Godrays,
Paper,
SolidColor
} from 'shaders/vue'
</script>
<template>
<Shader
:disable-telemetry="true"
>
<SolidColor color="#be7fdb" />
<Ascii :cell-size="54" characters="▄║█" font-family="Geist Mono" :gamma="1.25">
<Godrays background-color="#c77b9e" :center="{ x: 0.5, y: 0.5 }" :density="0.2" :intensity="0.9" ray-color="#c3d1f7" :spotty="0" />
</Ascii>
<Paper :displacement="0" :grain-scale="3" :roughness="0.85" />
</Shader>
</template>