Halftone Swirl 6

A vibrant gradient shader effect transitioning from deep purple-magenta tones in the upper left to bright hot pink and magenta hues across the composition. The image features a halftone pattern overlay with a 45-degree angle creating a subtle crosshatch texture throughout. Beneath this, a swirl effect blends between hot pink (#fe0aad) and deep blue (#4750ff) using oklch color space, creating a dynamic color transition that adds depth and movement to the solid magenta base color (#cf16d9). The halftone frequency of 100 with 0.1 smoothness creates a fine, barely perceptible dotted pattern that gives the surface a slightly textured appearance while maintaining the smooth gradient flow. The overall effect is a modern, neon-inspired aesthetic with layered color blending that suggests motion and energy. The edges maintain transparency, and the composition uses normal blend mode for a clean, unified visual presentation.

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

<template>
  <Shader
    :disable-telemetry="true"
  >
    <SolidColor color="#cf16d9" :visible="true" />
    <Halftone :smoothness="0.1">
      <Swirl color-a="#fe0aad" color-b="#4750ff" color-space="oklch" />
    </Halftone>
  </Shader>
</template>