Dino Game - Chrome Dinosaur Runner

Seele01-Flash
By
The Chrome Dino Game is the world's most beloved offline endless runner, featuring a pixelated T-Rex jumping over obstacles. Originally hidden in Chrome browsers, now playable online anytime with over 270 million monthly players worldwide.

Prompt

MODEL: Seele01-Flash
Please use Three.js to generate a **mobile-first game** with the theme "**3D Voxel Dino Runner**". Please read the following detailed game design requirements first, and then generate the code accordingly: ### 1. Assets & Environment * **Visual Style**: "2.5D Voxel Art". The game should mimic the iconic 1-bit monochrome aesthetic but using 3D geometry. * **Palette**: Use a high-contrast scheme: Dark Grey (`#535353`) for objects and Off-White (`#F7F7F7`) for the background / fog. * **Models**: * **The Dino**: Constructed from `THREE.BoxGeometry` primitives to look like a voxel T-Rex. It needs a simple 2-frame running animation (swinging legs) and a "shocked" frame for Game Over. * **Obstacles**: Voxel Cacti (varying between 1 to 3 blocks wide/tall) and Pterodactyls (flying enemies at head or foot height). * **Ground**: An infinite scrolling floor with random "noise" pixels or small stones to convey speed. * **Camera**: Use an `OrthographicCamera` to maintain the flat, retro look while allowing for 3D shadows. The camera should be fixed on the X-axis (Dino's position) but follow the Dino slightly or just simulate movement by moving the world towards the Dino. * **Mobile Optimization**: Implement **Object Pooling** for the ground segments and obstacles (cacti/birds) to prevent garbage collection stutters on mobile devices. Do not create new meshes every frame. ### 2. Audio Requirements * **BGM**: No background music (to respect mobile users listening to their own audio). * **Sound Effects (Synthesized or Placeholder URLs)**: * **Jump**: A short, crisp 8-bit square wave "blip". * **Score Milestone**: A cheerful "ding-ding" every 100 points. * **Game Over**: A low-pitch "thud" or "crunch" noise. * **Button Click**: A simple system click sound for the UI. ### 3. Gameplay Loop * **Core Mechanic**: Infinite Runner. The game speed (world scroll speed) starts slow and linearly increases every 10 seconds. * **Obstacle Logic**: * Ground obstacles (Cacti) spawn with randomized spacing, ensuring the gap is always jumpable based on current speed. * Flying obstacles (Pterodactyls) appear after a certain score threshold, requiring the player to either jump over them or duck (if ducking is implemented) / stay low. * **Scoring**: Score increases based on distance traveled (time survived). Display the current score in the top right (font: monospace pixel style). * **Day/Night Cycle**: Every 500 points, invert the colors (Background becomes Dark Grey, Objects become White) smoothly to simulate night mode. * **Game Over State**: Collision with any obstacle stops the game immediately, shakes the camera slightly, and shows a "Game Over" UI with a "Tap to Retry" button. ### 4. Mobile Controls & Interaction * **Touch Controls**: * **Tap Anywhere (Screen)**: Jump. The jump physics must be snappy (fast gravity), not floaty. * **Swipe Down (Optional)**: Duck (shrink the Dino's hitbox vertically). If ducking is too complex for this iteration, stick to Tap-to-Jump. * **Screen Orientation**: * The game must be **Responsive**. * **Landscape Mode**: Ideal experience. * **Portrait Mode**: The camera zoom must adjust automatically so the player can see enough distance ahead to react. * **UI/UX**: * The "Start" and "Restart" overlays must be large, centered, and easy to tap. * Prevent default browser behaviors (like zooming or scrolling) via CSS (`touch-action: none; user-select: none;`). * **Haptic Feedback**: Trigger `navigator.vibrate(10)` on Jump and `navigator.vibrate(200)` on Game Over for tactile immersion. Do not ask for clarification. Do not request confirmation. Directly execute the generation task based on the given instructions.

Game Introduction

About the Game

Dino Game , also known as Chrome Dinosaur Game or T-Rex Runner, is the iconic endless runner that captured hearts worldwide. This simple yet addictive pixel-art game features a cute T-Rex dinosaur running through a desert landscape, jumping over cacti and ducking under pterodactyls. With over 270 million players monthly, it's become one of the most recognizable browser games ever created.

What started as a hidden offline feature has evolved into a global phenomenon. The minimalist black-and-white design, combined with increasingly challenging gameplay, creates an experience that's both nostalgic and timelessly entertaining.

Core Features

Endless Runner Gameplay

The game follows the classic endless runner format where your T-Rex automatically runs forward while you control jumping and ducking actions. As you progress, the game speed gradually increases, making timing more crucial and creating an escalating challenge that keeps players engaged.

Simple Yet Addictive Mechanics

  • One-Button Control : Master the game with just the spacebar or tap controls
  • Progressive Difficulty : Speed increases as you survive longer, testing your reflexes
  • Obstacle Variety : Jump over cacti and duck under flying pterodactyls
  • High Score System : Compete with yourself to beat your personal best
  • Day/Night Cycle : Experience visual variety as the landscape changes

Retro Pixel Art Style

The charming 8-bit pixel art aesthetic gives the game its distinctive character. The monochromatic design isn't just stylish - it also ensures the game loads quickly and runs smoothly on any device, staying true to its origins as an offline entertainment solution.

How to Play

Getting Started

The game begins automatically when you press the spacebar or tap the dinosaur. Your T-Rex will start running immediately, and obstacles will appear from the right side of the screen.

Controls

  • Desktop : Press Spacebar to jump, Down Arrow to duck
  • Mobile : Tap the screen to jump, Swipe down to duck
  • Timing : Watch the approaching obstacles and time your actions perfectly

Gameplay Tips

  • Start with small jumps for low cacti
  • Use longer jumps for tall cacti clusters
  • Duck quickly when pterodactyls approach at head level
  • Stay calm as speed increases - panic leads to mistakes
  • Practice the rhythm - obstacles often appear in patterns

Scoring System

Your score increases automatically based on distance traveled. Every meter counts toward your high score, with bonus points awarded for surviving longer periods. The game tracks your personal best, encouraging repeated play to improve your performance.

Why Play This Game

Universal Appeal

The Dino Game's beauty lies in its simplicity. Anyone can understand the concept within seconds, but mastering the timing and reflexes required for high scores provides lasting challenge. It's the perfect game for quick breaks or extended play sessions.

No Internet Required

True to its origins, you can enjoy this game whether you're online or offline. It's perfect for flights, commutes, or any time you need entertainment without an internet connection.

Stress Relief

The repetitive, meditative nature of jumping over obstacles provides excellent stress relief. The simple graphics and straightforward gameplay create a zen-like experience that helps clear your mind.

Nostalgia Factor

For millions of users, this game represents a shared experience of internet outages turned into unexpected fun. Playing it brings back memories of discovering this hidden gem during connectivity issues.

Cross-Platform Compatibility

Play seamlessly across all devices - desktop computers, laptops, tablets, and smartphones. The game's lightweight design ensures smooth performance regardless of your hardware specifications.

Frequently Asked Questions (FAQ)