Scrolling Directional Arrows: Neon Racing Guidance Arrows

🎮 Try the WebGL demo here:

https://transylvanian-tales.itch.io/scrolling-directional-arrows-demo

Create glowing animated directional arrows inspired by arcade and street racing games.

Scrolling Directional Arrows is a lightweight drag-and-drop solution for building stylish navigation indicators using scrolling emissive materials, automatic tiling, and scalable prefabs.

Designed for racing games, cyberpunk environments, futuristic tracks, and arcade-style worlds, the system provides smooth animated guidance visuals with minimal setup and excellent performance.

📺 Video tutorials:

https://www.youtube.com/playlist?list=PL2ESxGsWSBc5BVN52i_FqqpEybxg1bJsJ

🚀 Key Features

➡️ Animated Scrolling Arrows

Create dynamic directional guidance using scrolling emissive materials.

• Arcade racing-inspired visuals
• Smooth scrolling glow effect
• Lightweight material-based animation
• Ideal for roads, tracks, checkpoints, and guidance systems

✨ Glowing Neon Visuals

Designed to work beautifully with Bloom and post-processing.

• Emissive glowing arrows
• Neon/cyberpunk-friendly aesthetic
• Multiple included color variants
• Strong visibility in dark environments

📏 Automatic Material Tiling

Arrow density automatically adjusts based on object scale.

• Scale objects freely
• Maintain consistent arrow density
• No manual UV adjustments required
• Great for long roads and large environments

⚡ Lightweight & Efficient

Built using MaterialPropertyBlock for efficient rendering behavior.

• No unnecessary material instancing
• Runtime and editor-compatible behavior
• Minimal overhead
• Suitable for large scenes

🧩 Drag-and-Drop Workflow

Simple setup designed for rapid integration.

• Drop a prefab into your scene
• Scale and rotate as needed
• Scrolling and tiling work automatically
• Demo scene included

🎨 Easy Customization

Customize visuals and behavior to fit your project.

• Included Blue, Green, and Yellow variants
• Modify emission color
• Adjust scrolling speed
• Adjust tiling density
• Create prefab variants easily

🌐 Multi Render Pipeline Support

Supports all major Unity render pipelines.

Built-in Render Pipeline:

• Included by default

Universal Render Pipeline (URP):

• Supported via included .unitypackage

High Definition Render Pipeline (HDRP):

• Supported via included .unitypackage

📦 What’s Included

• Scrolling Directional Arrow prefabs
• Multiple color variants
• Demo scene
• Materials and textures
• Material scrolling system
• Material tiling system
• Documentation
• Tutorial videos
• Built-in RP support
• URP support package
• HDRP support package

🎮 Perfect For

• Racing games
• Arcade games
• Cyberpunk environments
• Futuristic roads
• Track indicators
• Navigation systems
• Checkpoints and guidance paths
• Stylized world-space UI

⚙️ Easy Setup

1. Drag a prefab into your scene
2. Scale and rotate freely
3. Press Play

The system automatically:

• Scrolls glowing arrows
• Updates tiling based on scale
• Maintains visual consistency

🧠 Modular Architecture

The asset uses reusable internal systems organized inside:

/Assets/TransylvanianTales/_Common/

Asset-specific content is located inside:

/Assets/TransylvanianTales/ScrollingDirectionalArrows/

This structure allows reusable systems across multiple TT assets while keeping project organization clean and scalable.

📚 Documentation & Tutorials

Includes:

• Structured documentation
• Setup instructions
• Demo scene
• Video tutorials

🔒 No External Dependencies

• No external APIs used
• No third-party services required
• No API keys needed
• Fully self-contained within the package