Shaders
header.lightDarkMode D
Gallery

Dither Wave 11

Dither Wave

A gradient dither effect transitioning from teal/cyan in the lower left to pale yellow-green in the upper center, with a soft blue tone on the right edge. The image uses a Bayer 8x8 dithering pattern with 5-pixel blocks creating a pixelated, halftone-like texture across the entire composition. Overlaid on this dithered base is a subtle sine wave pattern at 45 degrees with white coloring, softness value of 0.79, and low amplitude (0.1), creating gentle undulating lines that add organic movement to the otherwise geometric dither pattern. The sine wave has a frequency of 0.7 and thickness of 0.8, making it visible but not dominant. The overall effect is a smooth color gradient interrupted by regular dithering artifacts, with the white wave pattern providing subtle directional flow. The edges fade to transparency, creating a soft vignette effect. The mood is calm and atmospheric, with a modern digital aesthetic combining retro dithering techniques with contemporary wave-based design elements.

Code

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

<template>
  <Shader
    :disable-telemetry="true"
  >
    <Dither color-a="#06a4be" color-b="#d7e4b3" pattern="bayer8" :pixel-size="5" :threshold="0.32" :visible="true">
      <SineWave :amplitude="0.1" :angle="45" :frequency="0.7" :softness="0.79" :thickness="0.8" />
    </Dither>
  </Shader>
</template>