Pixel Haze 5

A smooth gradient shader effect that transitions diagonally from dark navy blue in the upper left corner to bright yellow-lime in the lower right. The gradient flows through intermediate tones of teal, cyan, and light green, creating a soft, luminous diagonal sweep across the composition. The effect features a halftone dot pattern overlay that becomes increasingly visible and dense toward the brighter areas, creating a subtle pixelated texture that enhances the digital aesthetic. The dither pattern creates a grainy, stippled appearance particularly noticeable in the yellow regions. A grid distortion effect adds subtle warping and wave-like undulations to the surface, most apparent in the mid-tone areas where the gradient transitions occur. The overall mood is energetic and modern, with the bright yellow-green corner suggesting light or energy emanating from the lower right. The film grain adds a fine noise texture throughout, softening the otherwise smooth gradients and creating visual depth. The blend of effects creates a contemporary digital art aesthetic with smooth color transitions interrupted by subtle textural elements.

<script setup lang="ts">
import {
  Shader,
  Dither,
  FilmGrain,
  GridDistortion,
  Sharpness,
  Swirl
} from 'shaders/vue'
</script>

<template>
  <Shader
    :disable-telemetry="true"
  >
    <Swirl :blend="58" color-a="#22203b" color-b="#f7dd78" color-space="hsl" :detail="0.7" :speed="0.6" />
    <Dither blend-mode="overlay" :pixel-size="5" :threshold="0.45" />
    <GridDistortion edges="mirror" :grid-size="75" :intensity="5" :radius="2" />
    <Sharpness :sharpness="1" />
    <FilmGrain :strength="0.05" />
  </Shader>
</template>