https://github.com/tannerdolby/bug-saves-world
Platformer game built with Phaser. You're a bug and you must collect all stars without taking damage
https://github.com/tannerdolby/bug-saves-world
phaser
Last synced: about 1 month ago
JSON representation
Platformer game built with Phaser. You're a bug and you must collect all stars without taking damage
- Host: GitHub
- URL: https://github.com/tannerdolby/bug-saves-world
- Owner: tannerdolby
- Created: 2021-11-11T07:39:49.000Z (over 3 years ago)
- Default Branch: master
- Last Pushed: 2022-04-17T01:57:25.000Z (about 3 years ago)
- Last Synced: 2025-02-28T19:38:27.850Z (2 months ago)
- Topics: phaser
- Language: JavaScript
- Homepage: https://tannerdolby.itch.io/bug-saves-the-world
- Size: 10.3 MB
- Stars: 8
- Watchers: 3
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Bug Saves The World
You are the last bug left on planet Earth, the only way to make it out alive is by collecting all the stars placed throughout each level while avoiding hostile monsters and traps. Sounds easy enough right? :)
The map will feature terrains meant to test your skills as a bug. There are patches of fire around the map that will turn the bug a tint of red and result in a game over.
## Run Locally
```
npm run dev
```
## Design
All of the background objects and styles for each level in this game were created using HTML and CSS. The sprites were created with Vectornator. Have a look at the `/assets/` directory, `game-design.html` and `design.scss` for more details.
## Characters
- Playable: Ladybug
- Enemy/hostile: Bug Monster, Flames
I used HTML and CSS for designing the static assets and Vectornator for character sprites. [Design Notes on CodePen](https://codepen.io/tannerdolby/pen/vYJaZOQ)
## Inspiration
I built this game for the 2021 [GitHub Game Off](https://github.blog/2021-10-15-save-the-date-for-github-game-off-2021/) which specified a "Bug" theme. It was a really fun way to learn more about Phaser and to realize how much I enjoy game dev.
## Kudos
- [Phaser Docs](https://phaser.io)
- [Sprite Sheet Packer](https://www.codeandweb.com/free-sprite-sheet-packer)
- [Removing Image backgrounds](https://spark.adobe.com/tools/remove-background/#)
- [Sprite Sheet Tool](https://codeshack.io/images-sprite-sheet-generator/)