Color Tunnel

Seele01-Flash
By
Color Tunnel is an exciting 3D endless running game where you speed through vibrant, colorful tunnels while avoiding obstacles. Test your reflexes and see how far you can go in this fast-paced adventure.

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, psychedelic low-poly aesthetic. The world consists entirely of an infinite, segmented tunnel. * **Tunnel Geometry:** Use an octagonal (8-sided) cylinder shape. The tunnel should be composed of repeating segments, alternating between vibrant solid colors (red, blue, yellow) and high-contrast patterns (black and white stripes). * **Obstacles:** Create geometric obstacles (rectangles, triangles, rotating blades) in bright red colors to signify danger. These should obscure specific lanes within the tunnel. * **Mobile Optimization:** Implement an object pooling system for tunnel segments and obstacles to maintain 60 FPS on mobile devices. Use `FogExp2` at the far end of the tunnel to hide the spawn point of new segments and create a sense of depth. * **Lighting:** Use basic ambient lighting combined with a point light attached to the camera (the player) to illuminate the immediate path. Avoid heavy shadow calculations. ### 2. Audio Requirements * **BGM:** A fast-paced, pumping Techno or Trance track (140+ BPM) that loops seamlessly to reinforce the sense of speed. * **Sound Effects (SFX):** * **Movement:** A subtle "whoosh" or varying pitch hum when the player rotates the tunnel. * **Impact:** A jarring, glitchy "crash" or glass-shattering sound upon hitting an obstacle. * **UI:** A crisp "click" for menu buttons and a high-pitched "ding" for passing level milestones. ### 3. Gameplay Loop * **Core Mechanic:** The camera moves forward automatically at increasing speeds. The player controls the *rotation* of the camera (or the tunnel) around the Z-axis to stay on safe surfaces. * **Progression:** The game is endless. Every 20 seconds (or 500 meters), the "Level" increases: the tunnel color palette changes, the speed increases by 10%, and obstacle patterns become more complex (e.g., obstacles start moving or rotating). * **Collision Logic:** Use a simple bounding box or sphere collision detection between the player (camera position) and the obstacles. * **Fail State:** Upon collision, the movement stops instantly, the screen shakes violently, and a "Game Over" UI appears with a "Tap to Restart" button. ### 4. Mobile Controls & Interaction * **Control Scheme (Split Screen Touch):** * **Touch & Hold Left Screen:** Rotates the player/camera to the Left (Counter-Clockwise). * **Touch & Hold Right Screen:** Rotates the player/camera to the Right (Clockwise). * **Responsiveness:** Rotation should be snappy with slight inertia (lerp) for a smooth feel, not instant teleportation. * **Orientation:** Force **Landscape Mode** to provide a wider field of view for anticipating obstacles. * **Haptic Feedback:** Trigger a heavy vibration pattern (using `navigator.vibrate`) upon collision. * **UI Layout:** * **HUD:** A high-contrast score counter (distance traveled) in the top-center. * **Menus:** Large, thumb-friendly buttons (minimum 44x44px) for "Start Game" and "Retry". ### 5. Technical Implementation Note * Ensure the code handles window resizing correctly to adapt to different mobile aspect ratios (from 16:9 to 19.5:9). * Initialize the Three.js renderer with `antialias: true` only if the device pixel ratio is low; otherwise, rely on high DPI for sharpness to save battery. Do not ask for clarification. Do not request confirmation. Directly execute the generation task based on the given instructions.

Game Introduction

About Color Tunnel

Color Tunnel is a thrilling 3D endless running game that challenges your reflexes and concentration. Navigate through stunning, multicolored tunnels at breakneck speeds while avoiding various obstacles that appear in your path. With its vibrant graphics and addictive gameplay, this game offers an exhilarating experience that keeps players coming back for more.

The game features a unique tunnel-based design where colorful geometric patterns create an immersive 3D environment. As you progress, the tunnels become more challenging with new obstacle patterns and faster speeds that will test even the most skilled players.

Core Features

Stunning Visual Design

Color Tunnel stands out with its catchy and colorful level design that creates a mesmerizing visual experience. The 3D tunnels are filled with vibrant hues including blues, purples, greens, yellows, and reds that create a psychedelic atmosphere as you zoom through at high speed.

Progressive Challenge System

Each level introduces new obstacles and more difficult challenges that keep the gameplay fresh and exciting. The further you progress, the more complex the obstacle patterns become, requiring quick thinking and faster reflexes.

Fast-Paced Addictive Gameplay

The game offers fast-paced and addictive gameplay that's easy to learn but difficult to master. The simple controls combined with challenging obstacles create a perfect balance that appeals to both casual and hardcore gamers.

Easy to Learn

With easy to pick up basics , anyone can start playing Color Tunnel immediately. The straightforward movement controls make the game accessible to players of all ages and skill levels.

Game Mechanics

The core gameplay revolves around navigating through an endless tunnel filled with various obstacles. You must move left and right to avoid barriers, walls, and other obstructions while maintaining high speed. The obstacles move at varying speeds, adding an extra layer of challenge that can catch even experienced players off guard.

As you reach certain distance milestones, you'll advance to new levels that feature different obstacle configurations and increased difficulty. This progression system ensures that the game remains challenging and engaging throughout your journey.

Operation Guide

Controls

  • Arrow Keys : Use left and right arrow keys to move your position in the tunnel
  • A/D Keys : Alternative control scheme using A (left) and D (right) keys
  • Focus : Stay concentrated as obstacles appear at different speeds and patterns

Gameplay Tips

  • Keep your eyes focused on the tunnel ahead to anticipate obstacles
  • Practice smooth, controlled movements rather than jerky corrections
  • Learn to recognize obstacle patterns as you progress through levels
  • Stay calm during high-speed sections to maintain precise control

Platform Support

Color Tunnel is available on multiple platforms for maximum accessibility: - Web Browser : Play instantly in any modern web browser without downloads - Android : Mobile version available for on-the-go gaming - Cross-Platform : Seamless experience across all supported devices

Why Play Color Tunnel

This game is perfect for players seeking quick, engaging entertainment that can be enjoyed in short bursts or extended gaming sessions. The combination of simple controls, beautiful visuals, and progressively challenging gameplay makes it an ideal choice for:

  • Reflex Training : Improve your reaction time and hand-eye coordination
  • Stress Relief : The flowing, colorful environment provides a meditative gaming experience
  • Competitive Play : Challenge yourself to beat your high score and reach new levels
  • Casual Gaming : Perfect for quick entertainment breaks throughout the day

The game's endless nature means there's always a new challenge waiting, and the beautiful tunnel designs create a visually stunning experience that never gets old.

Frequently Asked Questions (FAQ)