🎮 Retro Games

Retro Games is a web-based collection of retro-style games inspired by classics like Tetris, Snake, Pac-Man, and Gorillas. The project focuses on demonstrating modern web development techniques while preserving a nostalgic arcade feeling.

The core of the project is a fully functional Tetris game built from scratch using HTML5 Canvas. Users can play the game directly in the browser, control it with the keyboard, toggle music, pause/resume gameplay, and enjoy a responsive layout across devices. The project also supports offline play using Service Workers and features modern JavaScript architecture including OOP with prototypes, module structure, and jQuery interaction.

Planned features include additional games like Snake, Gorillas, and Pac-Man.

🚀 Running the Project

🐍 Use Python's Built-in HTTP Server

cd retro/public
python3 -m http.server 8000

🎮 Screenshots

🏁 Main Menu

🧱 Tetris Gameplay

📦 Technologies Used

• 🔧 HTML5
• 🎨 CSS3
• 🧠 JavaScript
  • ES6 Modules
  • OOP using prototype inheritance
  • Canvas API for 2D game rendering
  • Event listeners for keyboard/game controls
  • Media API (control of background music)
  • Service Worker API for offline capabilities
  • History API for navigation and back-button functionality
  • jQuery for simplified DOM interactions
• 📁 Progressive Web Features
  • Offline caching with Service Worker
  • Custom fallback for offline access
  • Dynamic script loading
  • History API

Object Oriented Design of Tetris

🕹 Games Included

• ✅ Tetris — complete and playable
• 🚧 Snake, Pac-Man, Gorillas — Coming soon