Slope Tunnel

Seele01-Flash
By
Slope Tunnel is an intense arcade game where you control a high-speed ball through challenging 3D tunnel mazes. Jump between green platforms, avoid dangerous surfaces, and test your reflexes in this thrilling endless runner.

Prompt

MODEL: Seele01-Flash
Please use Three.js to generate a **mobile-first game** with the theme "Slope Tunnel". Please read the following detailed game design requirements first, and then generate the code accordingly: ### 1. Assets & Environment * **Visual Style:** Create a high-contrast, stylized 3D environment mimicking a "vector" or "cel-shaded" aesthetic. The background (`scene.background`) must be pure white to create a void effect. * **The Tunnel (Procedural):** The world is an endless tunnel generated in segments. Each segment is composed of distinct green 3D blocks (`BoxGeometry`) arranged in an octagonal or circular ring pattern. * **Crucial Detail:** To match the screenshot, each green block must have **black edge outlines**. Use `THREE.EdgesGeometry` combined with `THREE.LineSegments` specifically to create this "outlined" look on the green blocks. * **The Player:** A simple, sleek white sphere (`SphereGeometry`). Add a subtle texture or equatorial line to the ball so the rolling animation is visible to the user. * **Collectibles:** Small white floating dots/spheres placed randomly on safe platforms. * **Mobile Optimization:** * Use **`THREE.InstancedMesh`** for the tunnel blocks to render hundreds of platforms with a single draw call. This is critical for maintaining 60FPS on mobile devices. * Implement heavy **White Fog** (`scene.fog`) matching the background color to hide the procedural generation horizon and save rendering resources. ### 2. Audio Requirements * **BGM:** A fast-paced, driving Techno/Trance track that loops seamlessly. The tempo should match the sensation of speed. * **Sound Effects (SFX):** * **Jump/Move:** A quick "Whoosh" or pneumatic air sound when switching lanes. * **Collect:** A high-pitched, satisfying digital "Ping" or "Chime" when hitting white dots. * **Game Over:** A glass shattering sound or a low-frequency "Thud" followed by a descending synth tone. ### 3. Gameplay Loop * **Core Mechanic:** The ball travels forward (Z-axis) automatically. The game speed constantly accelerates over time (`speed += accelerationFactor`). * **Tunnel Logic:** The tunnel is generated with safe green blocks and "gaps" (holes). The player must navigate left/right to stay on the green blocks. * **Movement Physics:** The ball does not freely steer; it "snaps" or "hops" between discrete lanes (angles) of the tunnel when input is received. * **Collectible Mechanic:** Collecting the small white dots increases the score (+10) and, crucially, **reduces the movement speed slightly**, giving the player a momentary breather. * **Win/Loss:** * **Loss:** If the ball falls through a gap (no platform beneath) or hits a red obstacle (optional difficulty spike), the run ends immediately. * **Score:** Based on distance traveled + dots collected. ### 4. Mobile Controls & Interaction * **Touch Controls (Split Screen):** * **Tap Left Half of Screen:** The ball jumps/rotates one lane to the **Left**. * **Tap Right Half of Screen:** The ball jumps/rotates one lane to the **Right**. * Inputs must be debounced slightly to prevent accidental double-jumps. * **Orientation:** Lock to **Landscape Mode** for a wider field of view of the tunnel ahead. * **UI Overlay:** * **HUD:** Display "Distance" and "Score" in a clean, sans-serif font at the top center. * **Start Screen:** A "Tap to Start" overlay. * **Game Over:** A modal showing the Final Score and a large, thumb-friendly "RESTART" button (minimum touch target 44x44px). * **Feedback:** * **Visual Feedback:** Slight camera shake (screenshake) when speed gets very high. * **Haptic Feedback:** Trigger `navigator.vibrate(10)` on every jump and `navigator.vibrate(50)` on Game Over (if supported). Do not ask for clarification. Do not request confirmation. Directly execute the generation task based on the given instructions.

Game Introduction

About Slope Tunnel

Slope Tunnel is an exhilarating arcade game that challenges your reflexes and precision as you navigate a ball through treacherous 3D tunnel environments. This fast-paced game combines the excitement of endless running with strategic platform jumping, creating an addictive gaming experience that keeps players coming back for more.

The game features a sleek design with vibrant green tunnels and smooth ball physics that create an immersive gaming atmosphere. As you progress, the ball's speed constantly increases, making each moment more challenging than the last.

Core Features

High-Speed Ball Control

Experience the thrill of controlling a ball that moves at increasingly intense speeds through complex 3D mazes. The game's physics engine ensures smooth and responsive movement that feels natural and exciting.

Dynamic Platform System

Every playthrough features randomly generated platforms , ensuring that no two games are exactly alike. This procedural generation keeps the gameplay fresh and unpredictable, constantly testing your adaptation skills.

Strategic Gameplay Elements

  • Green Platform Safety : Only green platforms are safe to land on - touching any other surface ends your run
  • Speed Control Mechanics : Collect small white dots scattered throughout the tunnel to temporarily reduce your ball's speed
  • Score System : Gather dots not only for speed control but also to increase your overall score
  • Endless Challenge : The game continues indefinitely, with difficulty ramping up as you progress

Visual and Audio Experience

The game features a distinctive green tunnel aesthetic that creates a unique visual identity. The minimalist design focuses attention on the gameplay while maintaining an engaging visual experience.

Gameplay Mechanics

Movement System

Unlike traditional ball games that offer full directional control, Slope Tunnel uses a simplified left-right jumping system . This constraint creates a unique challenge where timing and precision are more important than complex maneuvering.

Platform Navigation

Success requires careful observation of upcoming platforms and quick decision-making. The green platforms serve as your lifeline through the maze, while all other surfaces represent immediate failure.

Speed Management

As the ball accelerates automatically, collecting dots becomes crucial for maintaining control. This creates an interesting risk-reward dynamic where players must decide when to prioritize safety versus score.

Operation Guide

Basic Controls: - Left Arrow Key : Make the ball jump to the left platform - Right Arrow Key : Make the ball jump to the right platform

Gameplay Strategy: 1. Focus on Green Platforms : Always aim for green platforms - they're your only safe landing zones 2. Collect White Dots : Gather small dots to slow down the ball and increase your score 3. Plan Ahead : Look ahead to anticipate platform patterns and plan your jumps 4. Stay Calm : As speed increases, maintain composure and trust your reflexes 5. Practice Timing : Perfect your jump timing to land consistently on target platforms

Why Play Slope Tunnel

Perfect for Quick Gaming Sessions : The game's pick-up-and-play nature makes it ideal for short breaks or casual gaming moments. Each run can last anywhere from seconds to minutes, depending on your skill level.

Skill Development : Slope Tunnel helps improve hand-eye coordination, reaction time, and spatial awareness through its demanding gameplay mechanics.

Competitive Element : The scoring system encourages players to beat their personal best and compete with friends for high scores.

Accessibility : Being a browser-based game, Slope Tunnel is instantly accessible without downloads or installations, making it perfect for gaming on various devices.

Stress Relief : The game's simple mechanics and engaging gameplay provide an excellent way to unwind and focus on a single, clear objective.

Whether you're a casual gamer looking for quick entertainment or a competitive player seeking to master challenging mechanics, Slope Tunnel offers an engaging experience that scales with your skill level.

Frequently Asked Questions (FAQ)