Experience the thrill of retro arcade racing right in your browser!
๐ฎ Multi-Level Gameplay - Choose from Easy, Medium, and Hard difficulty levels
๐ฑ Mobile Responsive - Touch controls for mobile devices
๐จ Retro Arcade Style - Beautiful pixel-perfect graphics with classic fonts
๐ High Score System - Track your best scores per level and username
โก Smooth Animations - Fluid car movements and dynamic opponent spawning
๐ต Interactive UI - Font Awesome icons and modern design elements
๐ค User Profiles - Personalized experience with username tracking
- Enter Username - Start by entering your player name
- Select Level - Choose your difficulty:
- ๐ข Level 1: Easy - Slow opponents, perfect for beginners
- ๐ก Level 2: Medium - Moderate speed challenge
- ๐ด Level 3: Hard - Fast opponents, ultimate test of reflexes
- Avoid Traffic - Use arrow keys (or touch controls) to dodge incoming cars
- Beat Your High Score - Try to achieve the highest score possible!
- โฌ ๏ธ Left Arrow - Move car left
- โก๏ธ Right Arrow - Move car right
- P Key - Pause/Resume game
- โฌ ๏ธ Left Button - Move car left
- โก๏ธ Right Button - Move car right
- Touch the game area to focus controls
- Download or clone this repository
- Open
index.htmlin any modern web browser - Start playing immediately!
git clone https://github.com/your-username/single-screen-car-game.git
cd single-screen-car-game
# Open index.html in browsersingle-screen-car-game/
โ
โโโ index.html # Main game interface
โโโ style.css # Styling and responsive design
โโโ script.js # Game logic and controls
โโโ assets/ # Game assets folder
โ โโโ player1.png # Player car (Level 1)
โ โโโ player2.png # Player car (Level 2)
โ โโโ player3.png # Player car (Level 3)
โ โโโ opponent1.png # Opponent cars
โ โโโ opponent2.png # (12 different opponent
โ โโโ ...opponent12.png # car designs available)
โโโ README.md # This file
- Press Start 2P - Retro gaming headers
- Kanit - Modern interface text
- Silkscreen - Pixel-perfect details
- Varela Round - Smooth readable text
- Primary:
#3ee3b3(Bright teal accent) - Gold:
#FFD700(Highlighting elements) - Background:
#071123(Deep space blue) - Text:
#e6eef8(Clean white-blue)
- Font Awesome 4.7.0 & 6.4.2 for UI icons
- 12 Unique Opponent Cars with pixel art style
- 3 Player Cars (one for each difficulty level)
- Base Score: 10 points per second survived
- Speed Multiplier:
- Level 1: 1.45x
- Level 2: 1.45x
- Level 3: 1.8x
- High Scores: Stored locally per user and level
| Level | Opponent Count | Speed | Spawn Rate | Max Opponents |
|---|---|---|---|---|
| 1 (Easy) | 4 | 1.45x | 1500ms | 4 |
| 2 (Medium) | 5 | 1.45x | 600ms | 5 |
| 3 (Hard) | 6 | 1.8x | 600ms | 6 |
The game pays homage to classic arcade racers:
- Gran Trak 10 (1974) - First arcade racing game with steering wheel controls
- Pole Position (1982) - Introduced real-world racing circuits and third-person perspective
Learn more about gaming history in the built-in "About" section!
Connect with the developer:
- โ Chrome 80+
- โ Firefox 75+
- โ Safari 13+
- โ Edge 80+
- โ Mobile browsers (iOS Safari, Chrome Mobile)
- Optimized Animations using
requestAnimationFrame - Efficient Collision Detection with bounding box calculations
- Memory Management for opponent sprites
- Responsive Scaling for different screen sizes
Contributions are welcome! Here's how you can help:
- Fork the repository
- Create a feature branch (
git checkout -b feature/AmazingFeature) - Commit your changes (
git commit -m 'Add some AmazingFeature') - Push to the branch (
git push origin feature/AmazingFeature) - Open a Pull Request
- ๐จ New car designs and sprites
- ๐ต Sound effects and background music
- ๐ Power-ups and special abilities
- ๐ New game modes (time attack, survival)
- ๐ฎ Gamepad controller support
- Sound System - Engine sounds and collision effects
- Power-ups - Speed boost, invincibility, extra points
- Leaderboards - Online high score sharing
- More Levels - Additional difficulty tiers
- Car Customization - Player car color/style options
- Weather Effects - Rain, fog, night mode
- Mobile touch controls may need calibration on some devices
- High scores reset when browser data is cleared
- Performance may vary on older mobile devices
- Font Awesome for the beautiful icons
- Google Fonts for typography
- Classic Arcade Games for inspiration
- Open Source Community for tools and resources






