Magnified Pixels 3

A dark, high-tech digital composition featuring three horizontally stacked glass-like tubular shapes with complex internal light effects. The background is a deep near-black color (#0e0b14). Each tube displays a halftone dot pattern overlay at 45-degree angles with 138 frequency, creating a textured, print-like quality. The primary visual elements showcase vibrant aurora-like light effects with dominant magenta, purple, and red color gradients flowing through the glass structures. The top tube displays cyan and blue vertical line patterns with magenta highlights. The middle tube features the most intense color gradient, transitioning from blue through magenta and pink to orange and red, with strong chromatic aberration effects creating color fringing at the edges. The bottom tube shows magenta and purple tones with similar glass refraction properties. All tubes have a glossy, refractive glass material with fresnel highlights creating bright white edge reflections. A CRT screen effect is applied globally, adding scanlines (200 frequency, 0.2 intensity) and pixel grid artifacts (27 pixel size) with chromatic color shift (1.3 intensity) and vignetting (0.6 intensity, 0.5 radius). The overall mood is cyberpunk and futuristic, with strong neon aesthetic and digital distortion effects. Light angles are set to 300-313 degrees, creating directional highlights. The composition has high contrast and saturated colors against the dark background.

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.7, y: 0.51 }" :cutout="true" :refraction="2" :scale="1.45" 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="#de33f8" color-b="#8e00cc" color-c="#ff0000" color-space="oklab" :height="200" :ray-density="100" :speed="10" :waviness="86" />
      </Glass>
    </Halftone>
    <Glass :aberration="0.49" :center="{ x: 0.64, y: 0.55 }" :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>