Pac-Man JavaScript

A modern, vanilla JavaScript implementation of the classic Pac-Man arcade game, built with Vite.

🔗 Play the live game here! 🕹

Controls:

• Keyboard: Use the arrow keys (↑, ↓, ←, →) to move Pac-Man.
• Touch: On mobile or touch devices, tap the on-screen arrows to control Pac-Man’s direction.

(Based on Ania Kubow's game tutorial, featured by freeCodeCamp & Scrimba)

This project is a fan-made, educational recreation inspired by the original Pac-Man game by Namco. It is intended for learning and personal use only, and is not affiliated with, endorsed by, or connected to Namco or Bandai Namco Entertainment.

Features

• Classic Pac-Man gameplay
• CSS design, clip paths, and animation for arcade-style aesthetic
• Dynamic audio effects, including pellet eating, ghost sirens, power-ups, and more
• High score tracking with local storage
• Fruit bonuses for extra points
• Extra lives every 10,000 points
• Level progression with increasing difficulty
• Pac-Man's remaining lives and current levels are displayed using icons, similar to the traditional arcade
• Video game attract screen, displaying characters and bonus point amounts
• Arcade cabinet styling with marquee, bezel, and joystick controller board
• A Pac-Man themed toggle for full-screen and arcade cabinet-style viewing
• Responsive design for desktop and mobile
• Arrow key controls, as well as mobile-friendly controls for touch devices
• Sprint board and issue tracking with GitHub Projects

Screenshots

Ghosts look in the direction they are heading, and the lair displays messages

---

Ghosts retreat, change color, and flicker when about to change back when a power pellet is eaten

---

Pac-Man eats fruits, displayed as emojis, for bonus points

---

Marquee, full-screen toggle, high score & score display

---

Joystick with light-up directional arrows, start button, and current lives and level display

---

Alternating attract screen, displaying characters and bonus score point amounts

---

Getting Started

Prerequisites

• Node.js (v16 or higher recommended)
• npm

Installation

1. Clone the repository:

   git clone https://github.com/MichaelLarocca/pac-man-javascript-laroccade.git
   cd pac-man-javascript-laroccade

Build for Production

npm run build

---

💬 Join the Conversation!

Have questions, feedback, or want to connect?

• Start or join the discussion here! 👈
• Everyone’s welcome—let’s talk Pac-Man, coding, and classic games! 🕹

---

License

MIT