Quackers' Quest

• 

  level 1

• 

  level 2

• 

  level 3

Inspiration

Our game was inspired by a mix of quirky ideas and the class original Super Mario Bros game. We got a lot of our inspiration from the Goosetavo Quillson Swanson II, a gaming console shaped like a duck as well! With that kind of wacky starting point, we wanted to make a lighthearted adventure that’s both fun and familiar, with a simple, lovable character like Quackers on a mission to save his eggs.

What it does

Our project, titled Quackers' Quest, is a 2D adventure game that follows Quackers, a brave duck, on his journey to rescue his stolen eggs from a band of mischievous raccoons. Designed for larger computer screens and intended to play on a console, the game captures the feel of classic platformers with a simple control scheme and a progression of levels. Each stage adds new obstacles, enemies, and challenges, allowing players to experience a fun yet accessible adventure.

How to play

Jump over the spiny plants!

• [Space] - To start the game, Move on to the next level, or to ATTACK racoons by QUACKING!
• [Up Arrow] - To Jump.
• Tip* - Hold [Up Arrow] to jump really high!

How we built it

We built the main game structure with Phaser.js which is a framework designed to run 2D games. The front-end website was built with vanilla HTML, CSS, and JavaScript. HTML for the content itself, CSS for styling, and JavaScript for game logic.

Challenges we ran into

We ran into a bunch of challenges while creating Quackers' Quest! Learning how to use Phaser.js was a big one since we’d never used it before. We had to figure out things like level design, setting up a win/lose system, and making the camera move dynamically with the character. The largest hurdle was debugging JavaScript and figuring out why JavaScript was working even though it isn't supposed to and vice versa. It was a lot of working finding the right solution from the Phaser documentation and through using the internet.

Another major challenge was working together on GitHub. With multiple people working on different branches, we sometimes ran into merge conflicts. Coordinating to avoid conflicts was tricky, and it didn’t always go smoothly. We spent a good amount of time troubleshooting and resolving conflicts, which taught us a lot about collaboration (and patience!).

On top of that, we also had to design the website where the game is hosted. Making sure everything looked good and worked smoothly wasn’t easy, but we managed to make it work. Working through these frontend challenges gave us a better understanding of web design and responsiveness, especially in a gaming context.

Accomplishments that we're proud of

We are proud to have learned how to create a 2D game using Phaser.js in under 24 hours. Despite being entirely new to the framework, we quickly picked up the basics and successfully built a fun, playable experience.

What we learned

We learned how to utilize and create a 2d game within 24 hours with an unfamiliar framework we never used before (Phaser.js). We also learned the importance of communication and designating roles amongst each other based on our strengths. It was a fun experience to create something from scratch!

What's next for Quackers' Quest

Quackers' Quest is still a MVP and requires further implementation for:

• A point system
• Accessibility features like (color blind mode, light/dark mode)
• Re-mappable controls
• Better graphics

Roles

• Krish (Technical)
• Jaaron (Technical)
• Evan (Technical)

Github Repo

https://github.com/KrishGup/Quaker-s-Quest/tree/main

Built With

• css3
• html5
• javascript
• phaser.js