Giter VIP home page Giter VIP logo

pacman-canvas's Introduction

pacman-canvas

An old classic, re-written in HTML5. Visit http://pacman.platzh1rsch.ch to see it live.

Sounds from http://soundfxcenter.com/ and http://soundfxnow.com/

If you like this project, feel free to buy me a coffee:

Buy Me A Coffee


License

pacman-canvas by Platzh1rsch is marked with CC0 1.0 Universal

Get started

To just run the game locally, run npm start. If you want to see the console logs in your browser, use the npm run start:dev instead.

To modify the game for your needs, look at the pacman-canvas.js file and make your modifications. To change the look and feel, edit the pacman-canvas.css file or also the index.htmfile, where everything comes together.


Version history

Version 1.0.6 - 14.08.2022

  • adjust license
  • update npm dependencies

Version 1.0.5 - 22.03.2021

  • add webpack config
  • fix finished game state
  • show console logs when started locally

Version 1.0.4 - 26.12.2020

  • remove highscore reset endpoint

Version 1.0.3 - 26.12.2020

  • fix speed issue

Version 1.0.2 - 26.12.2020

  • add get started section in README
  • limit to 10 levels for now
  • small refactorings
  • add score validation in JS

Version 1.0.1 - 6.10.2020

  • add bump-version.sh to make versioning easier

Version 1.0.0 - 5.9.2020

  • use "default" version number format, go up to 1.0.0
  • add package.json
  • add server.js
  • you can now run pacman running an express JS server, using npm start
  • don't use ajax async: false anymore to load map config, since it has been marked as deprecated

Version 0.93 - 8.1.2020

  • add ads.txt

Version 0.92 - 6.3.2018

  • remove navigator.vibrate() calls

Version 0.91 - 15.01.2016

  • more tests to avoid cheaters
  • better highscore form validation
  • timer integrated (not in use yet)
  • "your screen is too small to play in landscape view" message removed
  • fix number of points for eating a ghost

Version 0.9 - 15.10.2015

  • different difficulties depending on level
  • scatter / chase indicated through wall colour
  • extended instructions

Version 0.87 - 08.10.2015

  • fix a bug that allowed resuming a game after game over

Version 0.86 - 25.05.2015

  • some security fixes to avoid cheaters from adding highscores

Version 0.84 - 09.11.2014

  • fixed bug that caused game to crash when leaving game area to the right side while holding the right arrow

Version 0.83 - 07.05.2014

  • not possible to stop by turning into walls anymore
  • mute / unmute the game by pressing the "M" key

Version 0.82 - 02.04.2014

  • small bugfixes
  • swipe gestures detection on the whole screen not only game area

Version 0.81 - 16.03.2014

  • Ghost Modes Scatter & Chase
  • Pathfinding AI for Blinky
  • Ghosts need to return to Ghost House when dead

Version 0.8 - 13.11.2013

  • lots of small changes in the backend
  • when you go in landscape mode and your screen is too small to display the whole site, you get notified to rotate your phone into portrait mode
  • all onClick and onMousedown in HTML removed and replaced by EventListeners in JavaScript
  • Pacman Canvas now uses ApplicationCache to cache its content, so you can play the game offline!

Version 0.78 - 05.11.2013

  • navigation via buttons should be less delayed by using onMouseDown event instead of onClick
  • refreshRate is now a game attribute and could be changed easily during the game (not yet implemented in frontend)

Version 0.77 - 24.05.2013

  • Ghosts start to blink before to undazzle
  • Pacman now dies with style

Version 0.76 - 02.05.2013

  • You can now use the usual arrow keys to control pacman
  • fixed 2 small bugs regarding KeyEvents

Version 0.75 - 28.04.2013

  • You can pause / resume the game by pressing SPACE
  • ESC is no longer used to pause / resume, but to go back to the main view
  • Game Menu only showing while game is paused
  • some css tweaks
  • Simple Highscore implemented using Ajax, Json and Sqlite3

Version 0.74 - 25.04.2013

  • You can pause / resume the game by pressing ESC or clicking into canvas
  • Swipe Gestures using hammerjs
  • replaced alerts by nice html overlay messages

Version 0.73 - 17.04.2013

  • You can play on until you lost all your 3 lives
  • Ghosts state gets reset everytime they get eaten or new level starts

Version 0.72 - 30.01.2013

  • Ghost Base Door
  • Reset Game after winning

Version 0.71 - 30.01.2013

  • Ghosts can die too

Version 0.7 - 29.01.2013

  • Powerpills & Beastmode

Version 0.63 - 29.01.2013

  • Pills now get loaded over external json file (map.json)
  • ghost collisions implemented -> dying
  • tried to clean up the code a bit

Version 0.62 - 23.01.2013

  • disable zoom on Mobile
  • change name to Pacman Canvas (Alpha)

Version 0.61 - 12.01.2013

  • all walls defined (incl. collisions)

Version 0.6 - 12.01.2013

  • small fixes for mobile view
  • sound control (default: muted)
  • collision control for walls
  • json datastructure design for all game objects (pills, magic pills, walls)

Version 0.41 - 10.12.2012

  • Mobile Design Fix
  • New Icon

Version 0.40 - 08.12.2012

  • Control Buttons for mobile
  • Small Design Updates

Version 0.30 - 05.12.2012

  • Touch Support via jGestures
  • Responsive

Version 0.20 - 22.11.2012

  • Code Refactored for further development
  • Sound added
  • Appcache implemented

Version 0.13 - 29.10.2012

  • Never miss a dot: Pacman now always stays in the grid.

Version 0.12 - 19.10.2012

  • Pacman is now able to eat the dots. Eating a dot equals 10 points for now.
  • LiveScore implemented.
  • Game ends when all dots are eaten.

Version 0.11 - 15.10.2012

  • Placing white Dots and storing them in a Hashtable
  • Monster/Ghost Prototype
  • Score Prototype
  • Pacman had to get smaller (r=15px)
  • Display Grid
  • Refactoring HTML

Version 0.10 - 23.08.2012

  • Started cleaning up the code using Objects
  • Pacman now turns around when changing directions

pacman-canvas's People

Contributors

dependabot[bot] avatar goudronviande24 avatar mostafa-yms avatar np22-jpg avatar platzhersh avatar renovate[bot] avatar

Stargazers

 avatar

pacman-canvas's Issues

Dependency Dashboard

This issue lists Renovate updates and detected dependencies. Read the Dependency Dashboard docs to learn more.

Awaiting Schedule

These updates are awaiting their schedule. Click on a checkbox to get an update now.

  • chore(deps): lock file maintenance

Open

These updates have all been created already. Click a checkbox below to force a retry/rebase of any.

Detected dependencies

dockerfile
Containerfile
  • quay.io/sclorg/nodejs-20-c9s sha256:52d38889d907c5d9aabe8e86dec06b11685b6e59799091a5459e566b1f0ecf27
  • quay.io/sclorg/nodejs-20-minimal-c9s sha256:6889fea6a14c9cd71444c8e68f2fd02bf2d69e9992c2ea3494ff571cb3cc6988
github-actions
.github/workflows/ci.yml
  • actions/checkout v4@692973e3d937129bcbf40652eb9f2f61becf3332
  • redhat-actions/buildah-build v2@7a95fa7ee0f02d552a32753e7414641a04307056
  • redhat-actions/push-to-registry v2@5ed88d269cf581ea9ef6dd6806d01562096bee9c
  • sigstore/cosign-installer v3.5.0@59acb6260d9c0ba8f4a2f9d9b48431a222b68e20
npm
package.json
  • express 4.19.2
  • jest 29.7.0
  • webpack 5.92.1
  • webpack-cli 5.1.4
  • webpack-dev-server 4.15.2

  • Check this box to trigger a request for Renovate to run again on this repository

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.