Faded Dither 8

A gradient background transitioning from dark navy blue (#1a3d6b) in the lower left and right corners to lighter cyan-blue tones in the upper center and middle areas. The entire composition is overlaid with a dithered pattern using a Bayer 8x8 matrix, creating a granular, pixelated texture throughout. The dithering uses transparent areas mixed with bright cyan-blue (#4a8bd4) dots, producing a noisy, stippled appearance that becomes denser in lighter regions and sparser in darker regions. Subtle sine wave distortions are visible, creating gentle undulating patterns at approximately 312 degrees angle with white highlights that add luminosity and movement. The overall effect is a soft, atmospheric gradient with a digital, halftone-like quality. The pixelation is most prominent in the mid-tone areas, creating a smooth transition between the deep navy base and the lighter blue highlights. The mood is cool, technological, and serene with a subtle sense of depth created by the layered dithering and wave effects.

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

<template>
  <Shader
    :disable-telemetry="true"
  >
    <SolidColor color="#1a3d6b" />
    <Dither color-b="#4a8fd4" pattern="bayer8" :threshold="0.41">
      <SineWave :angle="312" :frequency="0.5" :position="{ x: 0.48, y: 0.61 }" :softness="1" :speed="0.4" :thickness="0.8" />
    </Dither>
  </Shader>
</template>