Overview

An infinite 3D ASCII particle tunnel with interactive mouse steering, customizable warp speed, and bloom effects.

Features

Interactive Steering Move the mouse to curve the tunnel, giving users the feeling of piloting through a digital wormhole.

Warp Speed Adjust the speed, twist, and length of the tunnel to create everything from a gentle drift to a high-speed jump to lightspeed.

Transparent Background Seamlessly blend the component into your design with transparent background support (disables bloom).

Matrix Mode Choose between Binary, Hex, or Glyph character sets for the particles to match your site's tech aesthetic.

Use Cases

Hero Sections — Use as a full-screen background to create an immersive first impression for tech, space, or futuristic brands.

Loading Screens — Simulate a "warp travel" effect while content loads, keeping users engaged during wait times.

Data Visualization — Represents data streams or information highways efficiently with the Matrix/Hex character modes.

Properties

• Radius: Tunnel radius (5-50)
• Length: Visible tunnel length
• Twist: Spiral twist intensity
• Count: Number of particles (1000-30000)
• Size: Size of ASCII characters
• Char Set: Binary, Hex, or Glyphs
• Speed: Movement speed (warp factor)
• Paused: Pause the movement
• Near Color: Color of particles close to camera
• Far Color: Color of particles in the distance
• Transparent: Enable transparency
• Background: Scene background color
• Bloom: Glow intensity
• Mouse: Enable/Disable mouse steering
• Sensitivity: Mouse steering sensitivity
• Steering: Steering power intensity
• Quality: Auto/Performance/Balanced/Quality

Customization

You can fully customize the tunnel's geometry, particles, and animation to match your brand:

Geometry

• Radius: Control how wide the tunnel appears.
• Length: Adjust how far the tunnel extends into the distance.
• Twist: Add a spiral twist for a surreal effect.

Particles

• Count: Increase for density, decrease for performance.
• Size: Scale the ASCII characters.
• Char Set: Switch between Hex, Binary, or Glyphs.

Appearance

• Colors: Set distinct Near and Far colors for depth.
• Bloom: Adjust the glow intensity (works best on dark backgrounds).

License

Single Use License — Use in one client project with full commercial rights. No redistribution. 1 license = 1 client.

Refund Policy

Due to the nature of our digital products, we are unable to offer refunds, but we're here to assist you with any questions or concerns!

Version

1.0.0