Shaders
header.lightDarkMode D
Gallery

A monochromatic night-vision or thermal imaging aesthetic rendered in lime-green (#afff08) against a deep forest-green background (#021f04). The image displays a dithered pixelated texture with a bayer8 pattern creating a grainy, low-resolution surveillance camera quality. The composition shows an interior architectural space with geometric planes and angular surfaces. A wave distortion effect at 218 degrees with square waveform creates subtle undulating ripples across the entire frame, producing a liquid-like warping of the scene. The distortion strength of 0.54 creates noticeable but not extreme warping, particularly visible on flat surfaces and edges. Multiple bright lime-green highlights and glowing points suggest light sources or reflective surfaces within the space. The pixelation at size 2 combined with the dither pattern creates a characteristic CRT monitor or thermal imaging scan-line appearance. The overall mood is cyberpunk, surveillance-oriented, and digitally degraded, with the wave distortion adding an unsettling, reality-bending quality to the architectural forms. Spatial depth is suggested through overlapping planes and perspective lines, though the distortion effect obscures precise spatial relationships.

Code

vue
<script setup lang="ts">
import {
  Shader,
  Dither,
  ImageTexture,
  WaveDistortion
} from 'shaders/vue'
</script>

<template>
  <Shader
    :disable-telemetry="true"
  >
    <Dither color-a="#021f04" color-b="#afff08" pattern="bayer8" :pixel-size="2" :threshold="0.47">
      <ImageTexture url="https://data.shaders.com/storage/v1/object/public/user-uploaded-images/user_33nh0FG48zZa0rIUZuK7vgwPfZe/4-Df3YeTFWg0.png" />
      <WaveDistortion :angle="218" :frequency="2.2" :strength="0.54" wave-type="square" />
    </Dither>
  </Shader>
</template>