About QuantumTunnel
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
