Retro Pop 3

A dynamic gradient shader effect featuring diagonal wave-like stripes flowing across the composition at approximately -110 degrees. The primary visual consists of alternating bands of vibrant magenta/pink (#f4072f) and electric purple (#992ee5) that create a mesmerizing striped pattern. The stripes have soft, curved edges that undulate smoothly across the canvas, creating a sense of fluid motion and depth. A stretch distortion effect centered around coordinates (0.82, 0.60) pulls and warps the stripe pattern at a 289-degree angle, creating a subtle directional flow that makes the stripes appear to bend and curve naturally. The dither component adds a fine granular texture overlay using a bayer4 pattern with 4-pixel spacing, creating a subtle stippled appearance that breaks up the smooth gradients and adds visual complexity. The overall effect is a seamless, looping animation of flowing colored bands with soft transitions, enhanced by the dithering that prevents banding artifacts. The composition has a modern, energetic aesthetic with strong saturation and vibrant color contrast between the red-based magenta and the blue-based purple tones.

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

<template>
  <Shader
    :disable-telemetry="true"
  >
    <Stripes :angle="-110" :balance="0.77" :density="4" :softness="0.57" />
    <Stretch :angle="289" :center="{ x: 0.82, y: 0.6 }" :falloff="0.49" />
    <Dither color-a="#f4072f" color-b="#992ee5" :threshold="0.66" />
  </Shader>
</template>