Liquid Stripes 5

A vibrant neon shader effect featuring diagonal stripes at 45-degree angles alternating between bright lime green (#6ce085) and deep purple (#8b02e0) colors. The stripes have a density of 9 lines with a 0.1 balance ratio, creating a dynamic striped background. Overlaid on this striped pattern is a central circular sun-like shape composed of glass-effect rectangular petals arranged radially around a hollow center. The glass petals feature chromatic aberration with a 0.5 intensity, creating subtle color separation at the edges. The petals have a frosted glass appearance with 11.3 blur strength and 0.51 refraction, giving them a translucent, refractive quality. A fresnel effect with 0.11 intensity adds subtle edge highlights to the glass petals with white tinting. Cursor ripples with 10 intensity and 0.5 radius create interactive distortion waves emanating from mouse position, with chromatic split enabled for color separation in the ripple effect. A film grain overlay with 0.3 strength adds subtle texture and noise throughout. The overall mood is cyberpunk and energetic with high contrast between the neon colors and the translucent glass elements.

<script setup lang="ts">
import {
  Shader,
  CursorRipples,
  FilmGrain,
  Glass,
  Stripes
} from 'shaders/vue'
</script>

<template>
  <Shader
    :disable-telemetry="true"
  >
    <Stripes :balance="0.1" color-a="#6ce085" color-b="#8b02e0" :density="9" />
    <CursorRipples />
    <Glass :blur="11.3" :fresnel="0.11" :fresnel-softness="0.38" :refraction="0.51" shape-sdf-url="https://data.shaders.com/storage/v1/object/public/user-uploaded-images/user_33nh0FG48zZa0rIUZuK7vgwPfZe/DODKZwnr2rPw_sdf.bin" :thickness="0.13" />
    <FilmGrain :strength="0.3" />
  </Shader>
</template>