Bad Signal 2
Bad SignalA retro CRT screen effect displaying ASCII art characters arranged in a dense grid pattern against a black background. The image shows a complex layering of visual effects: the base consists of a swirling magenta-to-blue gradient (from the Swirl component) that creates organic, flowing distortions. Overlaid on this is a CRT screen effect with visible scanlines running horizontally across the entire image, creating a characteristic cathode-ray tube appearance with reduced brightness and contrast variations. The ASCII characters (@, %, #, *, +, =, -, :, .) are rendered in multiple colors including cyan, magenta, blue, green, and red, creating a chromatic aberration effect typical of old computer monitors. The characters appear to have a slight color shift with red, green, and blue channels slightly offset from each other, producing a glitchy, vintage computer aesthetic. A checkerboard pattern is subtly visible underneath, providing texture. Cursor trails in cyan and magenta colors trace paths across the display, adding dynamic movement. The overall effect is heavily pixelated with a 128-pixel size, creating blocky, chunky visual elements. The scanline frequency creates horizontal banding that gives the impression of an old television or arcade monitor. The entire composition has a nostalgic, cyberpunk atmosphere with high contrast between the bright neon colors and the deep black background.
Code
<script setup lang="ts">
import {
Shader,
Ascii,
CRTScreen,
Checkerboard,
CursorTrail,
SineWave,
Swirl
} from 'shaders/vue'
</script>
<template>
<Shader
:disable-telemetry="true"
>
<Swirl :blend="40" color-a="#e725f5" color-b="#2c22f0" :detail="1.7" :speed="2" />
<CRTScreen blend-mode="hardLight" :brightness="1.1" :color-shift="3.9" :contrast="1.2">
<Checkerboard />
<SineWave :amplitude="0.01" :frequency="0.9" :softness="0.27" :thickness="0.78" />
<CursorTrail :radius="1" />
<Ascii :cell-size="100" :spacing="0.2" />
</CRTScreen>
</Shader>
</template>