Study Ducky

• 

  Drorshiph the Duck

• 

  In-game Drorshiph the Duck

• 

  The Rock (1)

• 

  The Rock (2)

• 

  Citations

• 

  Game.js

• 

  css

• 

  Navigation bar

• 

  Characters

Inspiration

Flashcards are boring. Quizlet is overrated. But ducks? Timeless.

What it does

Study Ducky is a tool that helps students learn new material in a fun and engaging way! They can input questions and corresponding answers, or terms and corresponding definitions, that they need to learn, and then play the duck game. Drorshiph the Duck must jump over The Rock without hitting him, but if Drorshiph does hit him, the player must answer a question (based on the material they inputted earlier) to continue playing. We have also created a version of the game where people can learn about gentrification - a concerning issue of our time that the public should know more about.

How we built it

We built this website using HTML and CSS, and programmed the game in JavaScript. We had three main components for the game: the game animation, the study-material input, and the quiz output. We stored the user's study-material input into the local storage in order to use it in the game.

Challenges we ran into

We faced many challenges in the quiz output segment of our game. We had trouble with getting the user's inputted terms and definitions to be transferred to the quiz segment in the first place. We were finally able to do this by saving the game data to local storage, so that it wouldn't disappear when the page reloaded. We also struggled to make our quiz show three random answers and evaluate the user's answer.

Accomplishments that we're proud of

We are very proud of getting the Duck Game to work! :D We're also proud of getting data to save to local storage so it could be called back later.

What we learned

We learned a lot about game development and even more HTML, CSS, and JavaScript! More specifically, we learned about local storage and CSS animations. We also got a whole lot better at debugging and problem solving.

What's next for Study Ducky

We plan to create a way for the user to save several different decks of study terms, and also create different versions of Drorshiph the Duck (such as different costumes) that can be used to differentiate the different decks.

Built With

• css
• html
• javascript