Color Tunnel

Seele01-Flash
By
Color Tunnel is a thrilling 3D endless running game where you zoom through vibrant, colorful tunnels at high speed while avoiding challenging obstacles. Test your reflexes and see how far you can go!

Prompt

MODEL: Seele01-Flash
Please use Three.js to generate a **mobile-first game** with the theme "Color Tunnel". Please read the following detailed game design requirements first, and then generate the code accordingly: ### 1. Assets & Environment * **Visual Style**: High-contrast, low-poly abstract aesthetic. The world consists of an endless octagonal (8-sided) tunnel. * **Tunnel Generation**: Implement a procedural generation system that spawns tunnel segments (rings) along the Z-axis. Each segment should alternate colors (e.g., Bright Red, Cyan, Neon Green, Yellow) or use striped patterns (Black & White) as seen in the screenshot. * **Obstacles**: Create geometric obstacles (rotating rectangles, static triangles, sliding semi-circles) that block parts of the tunnel path. These should be red or a contrasting danger color. * **Camera/Player**: The camera acts as the player (First-Person Perspective). No visible avatar is needed, just the viewpoint zooming through the tunnel. * **Performance Optimization**: Use `BufferGeometry` for tunnel segments. Implement an object pooling system or recycle tunnel segments that pass behind the camera to maintain high FPS on mobile browsers. Use `MeshBasicMaterial` or simple `MeshLambertMaterial` to reduce lighting calculation overhead. Use a fog effect (`scene.fog`) to mask the distant generation of segments. ### 2. Audio Requirements * **BGM**: A fast-paced, high-BPM Techno or Synthwave track that loops seamlessly to induce a "flow state" and sensation of speed. * **Sound Effects (SFX)**: * *Movement*: A subtle "whoosh" wind noise that varies pitch slightly based on rotation speed. * *Collision*: A digital "glitch" or glass shattering sound when hitting an obstacle. * *Level Transition*: A rising synth sound when passing into a new color zone/level. * *UI*: Crisp mechanical clicks for button interactions. ### 3. Gameplay Loop * **Core Mechanics**: The camera moves forward (negative Z-axis) automatically at a constant speed that gradually increases over time. The player cannot stop. * **Movement Logic**: The player does not move "left/right" on a flat plane. Instead, the player rotates 360 degrees around the inner wall of the tunnel. * **Collision**: Implement simple bounding box collision detection. If the camera/player hitbox intersects with a Red Obstacle, the game ends immediately. * **Progression**: The game is infinite. Score is calculated based on distance traveled. Every 500 units, change the color palette of the tunnel to signify a "Level Up." * **Game Over**: Show a high-score screen with a "Tap to Restart" button. ### 4. Mobile Controls & Interaction * **Touch Controls (Split Screen)**: * **Touch & Hold Left Screen Half**: Rotate the camera counter-clockwise along the tunnel wall. * **Touch & Hold Right Screen Half**: Rotate the camera clockwise along the tunnel wall. * **Responsiveness**: The rotation must be smooth but snappy (use `lerp` for smooth interpolation) to allow dodging fast-moving obstacles. * **Orientation**: Force **Landscape Mode** for a wider field of view, which is critical for anticipating obstacles in a tunnel runner. * **UI/HUD**: * Display "Score/Distance" in the top-center (large, readable font). * Menu/Restart buttons must be at least 44x44px and placed away from the screen edges to avoid accidental browser gestures. * **Haptic Feedback**: Trigger `window.navigator.vibrate(200)` upon crashing into an obstacle for immediate tactile feedback. Do not ask for clarification. Do not request confirmation. Directly execute the generation task based on the given instructions.

Game Introduction

About the Game

Color Tunnel is an exhilarating endless running game that challenges players to navigate through stunning, colorful 3D tunnels at breakneck speeds. This addictive browser game combines simple controls with increasingly difficult obstacles, creating an engaging experience that keeps players coming back for more. The game features vibrant, eye-catching visuals with a tunnel that shifts through beautiful color patterns as you progress.

Core Features

Stunning Visual Design

The game showcases catchy and colorful level design with vibrant tunnels that create an immersive 3D experience. Each section of the tunnel features different color combinations, from bright reds and blues to greens and purples, creating a mesmerizing visual journey.

Progressive Difficulty System

New levels offer more difficult challenges as you advance further into the tunnel. The game continuously introduces fresh obstacles with varying patterns and speeds, ensuring that the gameplay remains engaging and challenging throughout your journey.

Fast-Paced Addictive Gameplay

The fast-paced and addictive gameplay keeps players engaged with smooth, responsive controls and increasingly challenging scenarios. The game's momentum builds as you progress, creating an adrenaline-pumping experience that tests your reflexes and concentration.

Accessible Design

With easy to pick up basics , Color Tunnel is perfect for players of all skill levels. The simple control scheme makes it instantly playable, while the depth of challenge keeps experienced gamers engaged.

Gameplay Mechanics

In Color Tunnel, you control a moving object that travels through a seemingly endless, colorful tunnel. The tunnel is filled with various obstacles that you must avoid to survive and progress. The game's unique selling point is its combination of high-speed movement with vibrant, changing color schemes that create both visual appeal and gameplay challenges.

Obstacle Variety

Obstacles in Color Tunnel move at varying speeds that can catch you out , requiring constant attention and quick reflexes. Some obstacles are stationary, while others move in patterns that you must learn to predict and avoid.

Level Progression

When you reach a certain point, you'll advance to the next level , which features new obstacles to be wary of . This progression system ensures that the game remains fresh and challenging as you improve your skills.

Operation Guide

Color Tunnel features intuitive controls that are easy to learn:

  • Arrow Keys : Use left and right arrow keys to move your character from side to side
  • AD Keys : Alternative control scheme using A (left) and D (right) keys
  • Movement Strategy : Stay focused and make quick decisions to avoid obstacles
  • Timing : Learn the rhythm of moving obstacles to find safe passages

The key to success is maintaining focus while the tunnel rushes past at high speed. Stay focused as the obstacles move at varying speeds - this is crucial for achieving high scores and progressing through levels.

Why Play This Game

Color Tunnel offers a perfect blend of simplicity and challenge that makes it ideal for both quick gaming sessions and extended play. The game is completely free to play with no downloads required - simply open your browser and start playing immediately.

Perfect for All Players

Whether you're looking for a quick break or an engaging challenge, Color Tunnel delivers. The game's accessibility makes it perfect for casual players, while its increasing difficulty provides depth for more serious gamers.

Cross-Platform Compatibility

Play on your computer through any modern web browser, or enjoy the game on Android devices for gaming on the go. The game maintains its smooth performance across all supported platforms.

Frequently Asked Questions (FAQ)