Digital Activation 5

A dark, sophisticated shader effect featuring a near-black background (#0e0f14) with a subtle dot grid pattern in dark gray (#292936) distributed across the entire canvas. The dominant visual element is a bright lime-green spiral gradient effect (#55ff0a) that emanates from the upper-right portion of the screen, creating a curved, wave-like distortion pattern. The spiral appears to be contained within or interacting with a glass-like refractive element with a ring-shaped boundary, positioned at the top-center of the composition. The green spiral has a soft, glowing quality with smooth falloff edges, creating a sense of depth and luminosity against the dark background. ASCII characters (◘•) rendered in the same bright green color follow the spiral's trajectory, adding a digital, matrix-like aesthetic. The overall effect suggests a futuristic, tech-forward atmosphere with chromatic aberration and refraction properties creating subtle color separation. The composition uses a blend of geometric precision (the dot grid and ring shape) with organic, flowing curves (the spiral), resulting in a balanced, visually striking design with strong contrast between the dark base and the vibrant green accent.

<script setup lang="ts">
import {
  Shader,
  Ascii,
  DotGrid,
  Glass,
  SolidColor,
  Spiral
} from 'shaders/vue'
</script>

<template>
  <Shader
    :disable-telemetry="true"
  >
    <SolidColor color="#0e0f14" />
    <DotGrid color="#292936" :density="49" :dot-size="0.1" />
    <Glass :aberration="0.8" :center="{ x: 0.5, y: 0 }" :cutout="true" :edge-softness="0.2" :fresnel="0" :fresnel-softness="0.23" :highlight="0" :highlight-softness="0.16" :light-angle="274" :refraction="2" :scale="1.45" :shape="{ type: 'ringSDF', radius: 0.8, thickness: 0.15 }">
      <SolidColor color="#0e0f14" />
      <Ascii characters="◘•" :gamma="0.8" :spacing="0.8">
        <Spiral :center="{ x: 0.51, y: 0.22 }" color-a="#0a131f" color-b="#55ff0a" :softness="0.4" />
      </Ascii>
    </Glass>
  </Shader>
</template>