rishabhdevbanshi / pacman-game Goto Github PK

This is a pacman game made using HTML, CSS and Javascript only.

Home Page: https://rishabhdevbanshi.github.io/Pacman-Game/

JavaScript 82.53% HTML 3.86% CSS 13.61%

htlm5 css3 javascript javascript-game web-application pacman hacktoberfest hacktoberfest2020

pacman-game's Introduction

PacmanJs 🎮

PacmanJs is a Javascript, HTML and CSS based game that enable you to play with the most charismatic 80's character ever created.

How to start 🚩

Installation/Execute 🔰

Clone the repository and run index.html on your web browser:

git clone https://github.com/RishabhDevbanshi/Pacman-Game.git

How to play ✨

You are the pacman with color yellow.
Move Pacman using arrow keys.
Stay away from the colored ghosts. If your pacman comes in contact with colored ghost, the game ends
Cover the green balls

Contributing 👬

Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.

Please make sure to update the tests if needed.

License 📒

PAC-MAN is a trademark of BANDAI NAMCO ENTERTAINMENT INC. This game is developed for educational purpose only.

Support 🙌

Don't forget to give this Repository a ⭐!

pacman-game's People

Contributors

Stargazers

Watchers

Forkers

evandrolutz surajajaydwivedi architgupta001 osoba himanshu3107 kishorkadam217 mahin651 omen65 abhijay007 hariomkushwaha dheerajgupta217 reshma-ramesh manav1 monovz shajanjp habyaad kr017 mayan-sharma codewizard26 arnoldtherigan15 altamasbari muhammadev piyushnagpal80 vycdev parth-gupta10 ayushsaini00 fewwy geobrodas richardk88 gitapin82y git-developer321 abhishek4uh lionroarsrk prashant-sajwan gztabo21 tanujajoshi1 randomvariable18 chaitanya31612 rishi-coder11 sshekhar3000 shriyamadan 3hearts stevesioli sachinshrestha483 rodolfobrian maskfool angel10050 octavio344 ruanaragao thedevyansh techlead-war aslamsujah pranalishinde28 amintai pmadhukar99 ihsansayid99 anamarijaj fatik07 tamirco2003 eriksape dileep-reddy-aella ayush-khandelwal-007 tsukii21 shreyas12345678 adaugochi sidd-oo taarnstar pp641 prashubhatri khalebobrien askjag07 santamrc josprachi lokgubhaju montsewony bunny8469 drj-sharma anveshreddy18 shu3hammm vismitap isnan909 happeecoder mhimanshu712 rollingthundersagnik shrutikasingh laynet danielg-favero balbaal rhinojosadev hestu14 hariramjp777 saykaren irshadmd lilmohawk brazenbillygoat satyamgupta0202 alencruser brer4449 dauane eshwaranad

pacman-game's Issues

Add sound to the game

Adding sound to the game will make it more interactive, what are your thoughts about it?
And could i work on this feature @RishabhDevbanshi.

Game Setting: Add Game Difficulty

Hello, lets add a section where the player can set the game difficulty level before he/she starts play.

Select Difficulty:
Easy (This will be the default)
Medium
Hard

Responsive Pacman UI

#64
Let's take this project to the next level. I need help with making this game-page responsive.

Right now , the ghosts are moving randomly. There needs to be some algorithm added so that ghosts follow pacman to make the game more interesting. Also when pacman eats a power up they should run away from him.

Implement CSS Preprocessor

Hi,

I just want to initiative to set up CSS preprocessor, like SASS/SCSS.
Is it okay, what do you think ?

@RishabhDevbanshi

Timer for power pellet eaten

Hey I'm in a 2-year-degree in France (in the second year) and I really want to help you. Can I ? I would like to work on the timer display when eating a marble and the flashing effect to announce the end of the effect.

No movement on tap and hold, Player only move on taping

I tried playing the game through keyboard and I have to tap like a million times to get points. It would be definitely more comfortable if it work on tap and holding the arrow keys.

Add sound Effects

A sound effect can be added after major events (for e.g. victory sound, Game over sound etc).

Add Buttons to screen

As you know , right now we can control pacman by just keyboard arrow buttons, it would be great if we also add 4 on-screen buttons, and we can control pacman movements by pressing those buttons.

Home page

The game starts without any interaction of the user, like start button, or so.

Improvement in the UI of the app

According to me, there should be more enhancement in the apps UI.

Animate the pac-man to open and close its mouth

Add audio to the Pacman game for better experience.

Add audio during three part of the game:

Audio in starting the game
Audio when eating the mid-score
Audio at the End of the game

Implement End to End testing with cypress

Hi,

Could I implement the beginning of the end by end testing for this app?
At this moment we could use https://www.npmjs.com/package/serve to serve the static page in a local host environment and then I could use cypress to test general scenarios.
If there are other changes in the app architecture I think we can adapt it as well.

What are your thoughts @RishabhDevbanshi ?

Thanks!

Add mute audio button at the right corner

Add mute button..

Please assign me this.

Sprites And FPS

May I add sprites, so the characters aren't just dots, and maybe try to make the game 60 FPS, so it isn't a headache to test.

change background theme

Turn this game available in GitHub Pages

This project is executed by index.html, than just active GitHub pages in the settings and put the URL in README.md.

Enable the GitHub Pages in the settings
Put the URL in README.md

Ghost Disappear !

Sometimes the ghost disappears due to some bug.

Modular app.js

All the code is currently in app.js
I think separating the code in different files and make it modular will make project more structured.
MVC separates an application into three components - Model, View, and Controller.
This will make it easier for collaborators to work together and make merging requests easier by reducing conflicts.
Adding new updates and features will also be easier in future.