This challenge involves creating a Pac-Man animation using HTML and CSS. The Pac-Man character will animate as if it is chomping, and dots will move towards it, creating the effect of Pac-Man eating the dots.
- Challenge Description
- Introduction
- Features
- Prerequisites
- File Structure
- Tools
- Preview
- Contributing
- Credits
This challenge is part of the 100 Days CSS series. It demonstrates the use of CSS animations to create a dynamic and engaging visual effect. The Pac-Man animation is a fun and interactive way to showcase CSS animation techniques.
- Animated Pac-Man character
- Moving dots that Pac-Man appears to eat
- Pure HTML and CSS implementation
- Basic understanding of HTML and CSS
Pac-Man-Challenge/ │ ├── index.html ├── style.css └── README.md
- A code editor (e.g., VSCode)
- A web browser for viewing the demo
Live demo link: Pac-Man Animation
Contributions are welcome! Please follow these steps to contribute:
- Fork the Repository
- Navigate to the GitHub repository: Day-22-Pac-Man
- Click the "Fork" button at the top right of the repository page.
- Clone the Forked Repository
- Open your terminal or command prompt.
- Clone your forked repository using the command:
git clone https://github.com/Yashi-Singh-1/Day-22-Pac-Man.git
- Create a New Branch
- Navigate to the project directory:
cd Day-22-Pac-Man
- Create a new branch for your feature or bug fix:
git checkout -b feature-or-bugfix-name
- Navigate to the project directory:
- Make Your Changes
- Make the necessary changes to the codebase.
- Ensure your changes are properly tested.
- Commit Your Changes
- Add the files you changed:
git add .
- Commit your changes with a descriptive message:
git commit -m "Description of changes"
- Add the files you changed:
- Push to Your Fork
- Push your changes to your forked repository:
git push origin feature-or-bugfix-name
- Push your changes to your forked repository:
- Create a Pull Request
- Navigate to the original repository: Day-22-Pac-Man
- Click the "New Pull Request" button.
- Select your fork and the branch you made changes in, then create the pull request.
- Provide a detailed description of your changes and submit the pull request.
This challenge is inspired by 100 Days CSS.