DEV Community

Cover image for Aliens PacMan
Txordy
Txordy

Posted on

4 3 2 3 2

Aliens PacMan

This is a submission for the Web Game Challenge, Build a Game: Alien Edition

What I Built

I created a classic PacMan game but with an alien flavor. The player must collect all the points in the map before any alien catches the player.

Demo

You can try the demo in Aliens PacMan Github Pages
and see the source code in the public repository

Journey

Since I wanted to deliver something because in previous challenges I ended up running out of time, this time I opted for something quicker and simpler.

I started by looking at some youtube videos to get inspiration on how to build a PacMan using just html/css/js, and after a couple of different tutorials (mainly https://www.youtube.com/watch?v=YBtzzVwrTeE), I created my own version.

The part of the game that was more challenging, was when thinking of different algorithms for the aliens to move across the map.
I think that if I wanted to release this game, it would still need a twist, since there are some situations where they act anything but smart. But for this challenge, I think it's enough as it is.

Feel free to comment any improvement or suggestion you have!
You can either write me a comment or contact me on twitter on @Txordy

Sentry image

Hands-on debugging session: instrument, monitor, and fix

Join Lazar for a hands-on session where you’ll build it, break it, debug it, and fix it. You’ll set up Sentry, track errors, use Session Replay and Tracing, and leverage some good ol’ AI to find and fix issues fast.

RSVP here →

Top comments (2)

Collapse
 
grenishrai profile image
Grenish rai

It's really good but I guess the controls and framerate were not optimized well enough.

Collapse
 
codevsom profile image
Somnath Pan

It really looks like the original pacman!
Good job 👌🏼

Cloudinary image

Optimize, customize, deliver, manage and analyze your images.

Remove background in all your web images at the same time, use outpainting to expand images with matching content, remove objects via open-set object detection and fill, recolor, crop, resize... Discover these and hundreds more ways to manage your web images and videos on a scale.

Learn more

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay