Broken Panel 7
Broken PanelA dark, high-contrast shader effect displaying a glowing green geometric shape against a pure black background. The central element is a glass-like component with a complex SVG-based shape rendered at 65% scale, featuring bright lime-green highlights (#4dff40) that create a neon glow effect. The shape appears to be pixelated with a scale of 50, creating a blocky, retro-digital aesthetic. Overlaid on the glass component are diagonal falling lines in bright green (#43df20 to #4ebe24) moving at a slow speed (0.25) at a 58-degree angle, creating a cascading matrix-like effect. The lines have a trail length of 0.15 and a stroke width of 0.76, producing thin streaks of light. A reflective plane effect at the bottom creates a subtle mirrored distortion with 4.7 blur and 0.59 distance falloff, suggesting depth and reflection. A dither pattern with bayer2 algorithm and 2-pixel size adds subtle noise texture throughout. The overall atmosphere is cyberpunk and digital, with a glass refraction effect (refraction value of 2) creating subtle light bending around the shape edges. The highlight color (#4dff40) dominates the visual with 0.8 intensity, creating a strong neon appearance. Edge softness of 0.2 provides slight anti-aliasing to the sharp geometric forms.
Code
<script setup lang="ts">
import {
Shader,
Dither,
FallingLines,
Glass,
Pixelate,
ReflectivePlane,
SolidColor
} from 'shaders/vue'
</script>
<template>
<Shader
:disable-telemetry="true"
>
<SolidColor color="#000000" />
<Glass :aberration="0" :cutout="true" :edge-softness="0.2" :fresnel="0" :fresnel-softness="0" :highlight="0.8" highlight-color="#4dff40" :inner-zoom="1.2" :refraction="2" :scale="0.65" shape-sdf-url="https://data.shaders.com/storage/v1/object/public/user-uploaded-images/user_33nh0FG48zZa0rIUZuK7vgwPfZe/UGhd-3-7xDaU_sdf.bin" :thickness="0.24">
<FallingLines :angle="58" color-a="#43df20" color-b="#4ebe24" :density="60" :rounding="0" :speed="0.25" :speed-variance="0.8" :stroke-width="0.76" :trail-length="0.15" />
<Pixelate :visible="true" />
</Glass>
<Dither color-mode="source" pattern="bayer2" :pixel-size="2" />
<ReflectivePlane :blur="4.7" :blur-distance="0.14" :distance="0.59" :falloff="1.91" :height="0.75" />
</Shader>
</template>