Ascii Tunnel 2

An ASCII art visualization featuring a complex 3D torus structure rendered with text characters (┉╳ patterns) against a very dark background. The composition shows multiple radiating lines of ASCII characters extending outward from a central point, creating a sense of depth and perspective. The primary color scheme consists of magenta/purple characters (#9e0a9b) mixed with muted teal/sage green characters (#8bb99a), creating a striking contrast against the near-black background (#170c1c). The falling lines effect creates diagonal streaks of color that appear to cascade downward at a 90-degree angle with a slow speed of 0.25, giving the impression of data or energy flowing through a dimensional portal. The characters are rendered with a gamma correction of 0.25, making them appear crisp and well-defined. The overall atmosphere is cyberpunk and ethereal, with the 3D torus spinning slowly (spinY: 0.5) to create a rotating tunnel or vortex effect. The ASCII characters maintain consistent spacing and cell size (12 pixels), creating a structured grid pattern that emphasizes the geometric nature of the visualization. The blend mode is normal with full opacity, allowing the vibrant magenta and teal colors to stand out distinctly against the dark void. The composition suggests movement, depth, and a sense of digital or cosmic energy flowing through space.

<script setup lang="ts">
import {
  Shader,
  Ascii,
  FallingLines,
  Form3D,
  RadialGradient,
  StudioBackground
} from 'shaders/vue'
</script>

<template>
  <Shader
    :disable-telemetry="true"
    color-space="srgb"
  >
    <RadialGradient :center="{ x: 0.5, y: 1 }" color-a="#180726" color-b="#0f0f17" :radius="0.8" :visible="false" />
    <StudioBackground :ambient-intensity="98" :ambient-speed="5" :brightness="100" :center="{ x: 0.5, y: 1 }" color="#170c1c" :fill-intensity="0" :key-intensity="5" :light-target="0" />
    <Ascii :alpha-threshold="0.14" :cell-size="12" characters="┉╳┉╳" :gamma="0.25" :preserve-alpha="false">
      <Form3D :glossiness="0" :lighting="0" :shape3d="{ type: 'torus', outerRadius: 102, tubeRadius: 100, rotX: -90, rotY: 0, rotZ: 0, spinX: 0, spinY: 0.5, spinZ: 0 }" shape3d-type="torus" :zoom="92">
        <FallingLines color-a="#9e0a9b" color-b="#8bb99a" :density="17" :speed="0.25" :speed-variance="0.55" :stroke-width="0.38" :trail-length="0.49" />
      </Form3D>
    </Ascii>
  </Shader>
</template>