Mission InQuackAble

• 

  Game Title Page

• 

  Game Information

• 

  Game Shop

• 

  Gamplay

Inspiration

Recreation of the retro game Space Invaders with our own ducky twist as well as additional features.

What it does

This is a simple recreation of the classic game - space invaders, however we have added features such as a shop in order to aid the ducky in its attempt to escape.

How we built it

We used the Phaser game engine to make it easier to design the game. It made adding sprites, animations, various scenes, and game physics much simpler. Additionally, we fine tuned the functionality by coding it into the TypeScript files that Phaser provided for each scene.

Challenges we ran into

The hardest part of the project was setting up the tools we wanted to use and then learning how to use them, specifically Phaser. After the initial setup and learning, we moved through implementation quite a bit faster. However, due to spending a lot of time on the setup, the amount of features we could develop was heavily constrained by time. Another major challenge we ran into was how difficult it was to learn the nuances of Phaser and TypeScript so that we not only put in basic functionality but also the additional features. For example, learning how to make sure buttons were properly implemented so that the user can swap between the scenes or that the code doesn't manually create 32 instances of chickens from the editor generated code.

Accomplishments that we're proud of

One major milestone in our project that we are proud of is getting the animated sprites to work properly on the page - this small achievement boosted our motivation and confidence.

What we learned

We learned the intricacies of making a more complicated and nuanced game. Also there is much more to a game than just the game logic - the front end of a game and how a user interacts with it can greatly impact the user experience.

What's next for Mission InQuackable

Moving on to more features and items in the shop as well as specialized levels and bossfights!

Built With

• node.js
• phaser.js
• react
• typescript
• vite