Bad Signal 3
Bad SignalA dense, retro-futuristic digital display featuring layered shader effects creating a complex visual composition. The dominant visual element is a repeating ASCII character pattern (@, %, #, *, +, =, -, :, .) rendered in cyan, red, and green colors across the entire screen, creating a classic terminal or matrix-like aesthetic. The characters are arranged in a grid pattern with consistent spacing, appearing to be approximately 65 pixels in cell size. Overlaid on this ASCII foundation is a CRT screen effect with visible scanlines running horizontally across the image at regular intervals, creating a 200Hz frequency pattern with subtle brightness variations. The scanlines have approximately 0.3 intensity, giving the impression of an old cathode ray tube monitor. A swirling color distortion effect in orange (#ff6600) and cyan (#00ffee) creates organic, flowing patterns that blend across the character grid with a 60% blend strength and 2.8 speed, adding dynamic movement to the otherwise static ASCII pattern. The CRT effect includes a subtle color shift (4.8 intensity) creating chromatic aberration-like artifacts. A checkerboard pattern with gray (#cccccc) and darker gray (#999999) tones provides additional texture underneath the primary elements. A faint sine wave pattern in white adds subtle undulation across the composition. The overall atmosphere is intensely digital and nostalgic, evoking 1980s computer terminals and early digital art. The color palette is dominated by bright cyan and magenta against a pure black background, with orange and green accents creating a vibrant, high-contrast aesthetic. The effect uses hardLight blending mode for the CRT component, creating enhanced contrast and visual intensity.
Code
<script setup lang="ts">
import {
Shader,
Ascii,
CRTScreen,
Checkerboard,
CursorTrail,
SineWave,
Swirl
} from 'shaders/vue'
</script>
<template>
<Shader
:disable-telemetry="true"
>
<Swirl :blend="60" color-a="#ff6600" color-b="#00ffee" :detail="1.9" :speed="2.8" />
<CRTScreen blend-mode="hardLight" :brightness="1.1" :color-shift="4.8" :contrast="1.2">
<Checkerboard />
<SineWave :amplitude="0.01" :frequency="0.9" :softness="0.27" :thickness="0.78" />
<CursorTrail color-a="#ffee00" :radius="1" />
<Ascii :cell-size="65" :spacing="0.5" />
</CRTScreen>
</Shader>
</template>