Magnified Pixels 4

A dark, high-contrast digital shader effect featuring multiple layered glass and halftone components against a near-black background (#0e0b14). The composition displays three prominent bright lime-green (#33f83d) rectangular shapes with halftone dot patterns arranged vertically, creating a retro CRT screen aesthetic. Each green element has a pixelated, dotted texture characteristic of 138Hz halftone frequency screening at 45-degree angles. Overlaid glass elements with chromatic aberration (0.49-0.5 intensity) create subtle rainbow color fringing along edges in red, cyan, and magenta tones. The glass components feature high refraction (value 2) and highlight effects that produce bright white glints and edge reflections. An aurora effect with green-to-orange-to-red color gradient flows through the composition with 86% waviness, creating organic, undulating light patterns. The overall effect is enhanced by CRT screen simulation with scanline artifacts (200Hz frequency, 0.2 intensity), pixel grid distortion (27px size), and vignette darkening (0.6 intensity) at the edges. Color shift of 1.3 creates additional chromatic separation. The spatial arrangement shows glass shapes positioned at approximately 22-25% horizontal offset and centered vertically, with scale variations (0.85 to 1.6) creating depth perception. The mood is cyberpunk and retro-futuristic with strong neon aesthetics and digital decay characteristics.

Code

vue

<script setup lang="ts">
import {
  Shader,
  Aurora,
  CRTScreen,
  Glass,
  Halftone,
  SolidColor
} from 'shaders/vue'
</script>

<template>
  <Shader
    :disable-telemetry="true"
  >
    <SolidColor color="#0e0b14" />
    <Halftone :frequency="138" :smoothness="0.3">
      <Glass :center="{ x: 0.23, y: 0.5 }" :cutout="true" :refraction="2" :scale="0.85" shape-sdf-url="https://data.shaders.com/storage/v1/object/public/user-uploaded-images/user_33nh0FG48zZa0rIUZuK7vgwPfZe/UGhd-3-7xDaU_sdf.bin" :thickness="0.14">
        <Aurora :balance="47" :center="{ x: 0.69, y: 0.38 }" color-a="#33f83d" color-b="#cc7a00" color-c="#ff0000" color-space="oklab" :height="200" :ray-density="100" :speed="10" :waviness="86" />
      </Glass>
    </Halftone>
    <Glass :aberration="0.49" :center="{ x: 0.26, y: 0.5 }" :edge-softness="0.05" :fresnel="0" :highlight="0.15" :highlight-softness="0.03" :light-angle="313" :refraction="2" :scale="1.6" shape-sdf-url="https://data.shaders.com/storage/v1/object/public/user-uploaded-images/user_33nh0FG48zZa0rIUZuK7vgwPfZe/UGhd-3-7xDaU_sdf.bin" :thickness="1" />
    <CRTScreen :color-shift="1.3" :pixel-size="27" :scanline-intensity="0.2" :vignette-intensity="0.6" />
  </Shader>
</template>