image

PacMen Exercise

Description

The PacMan exercise is a simple interactive web application that allows users to create and control multiple PacMan characters on the screen. Users can add PacMan characters and start the game, with the added feature of controlling the characters' movements using keyboard arrow keys. The exercise aims to demonstrate basic HTML, CSS, and JavaScript skills while providing an engaging and interactive user experience.

Improvements

The primary improvement made was the addition of keyboard controls. The original exercise involved creating PacMan characters that move randomly on the screen when the "Start Game" button is clicked.

How to Run

To run the PacMen exercise on your machine, follow these steps:

  1. Clone the repo: git clone https://github.com/marialee222/pacmen.git
  2. Open the project directory: cd pacmen
  3. Open index.html in your web browser.

    Keyboard Controls:

  • Click "Add PacMan" to create a new PacMan.
  • Click "Start Game" to make them move.
  • Use arrow keys to control PacMen.
  • Enjoy the PacMen adventure!

Roadmap of Future Improvements

Scoring System: Introduce a scoring mechanism to track points based on PacMan movements and interactions.

Game Over Conditions: Implement conditions for game over, providing a more engaging gaming experience.

Advanced Animations: Explore additional animation effects to make PacMan characters more visually appealing.

Would consider creating a separate CSS file and linking it to the HTML file for better organization.

Tech Stack & Tools:

Results

Project background info goes here. Fusce laoreet ornare risus, et sollicitudin turpis viverra nec. Proin eu lacinia ipsum. Curabitur porta a mi sit amet iaculis.

30%

30% more lorem ipsum dolor sit amet, consectetur adipiscing elit.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum ligula magna, posuere nec sollicitudin vel, dignissim a nisi. Maecenas porttitor imperdiet enim, a viverra elit commodo ac.

2.5X

2.5X more lorem ipsum dolor sit amet, consectetur adipiscing elit.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum ligula magna, posuere nec sollicitudin vel, dignissim a nisi. Maecenas porttitor imperdiet enim, a viverra elit commodo ac.

60%

60% less lorem ipsum dolor sit amet, consectetur adipiscing elit.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum ligula magna, posuere nec sollicitudin vel, dignissim a nisi. Maecenas porttitor imperdiet enim, a viverra elit commodo ac.

20K

20K lorem ipsum dolor sit amet, consectetur adipiscing elit.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum ligula magna, posuere nec sollicitudin vel, dignissim a nisi. Maecenas porttitor imperdiet enim, a viverra elit commodo ac.

Client Testimonials

You can list client testimonials here. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec at erat vel quam cursus sagittis. Highlighted text example etiam volutpat ornare quam at cursus mi tristique sit amet.
Emily Doe, Project Lead at Company Lorem
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec at erat vel quam cursus sagittis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. In egestas est at lorem lacinia malesuada vel at arcu.
John Doe, Manager at Company Lorem

Need Help With Your Project?

Your website is often the central hub for your online presence. It's the place where potential customers can learn more about your products or services. A well-developed website provides a positive user experience, which is crucial for retaining visitors and converting them into leads.
Color Switcher