-
-
Intended animations for flower and bark if we had more time
-
Screen at start of game
-
Screen during game
Inspiration
Math games are a popular way to memorize and practice addition, subtraction, multiplication, and division in elementary school. However, there is far less availability of math games for high school math concepts. With this web AP we wanted to help high school calculus students memorize derivatives and integrals with a game that is more animated and engaging than the flashcards and quizlets commonly used right now.
What it does
The game follows a violet flower climbing to new heights using pieces of tree bark. The pieces of bark display answer choices to a math question on the screen. Picking the correct answer choice allows the violet to move up to that piece of bark. Choosing the incorrect answer or taking too long to answer will result in the violet falling back to the start.
How we built it
We used HTML5 to create a web page for the game and css3 to format the web page. We used javascript to program the functionality of the game.
Challenges we ran into
Stylizing the webpage and animating our game was the hardest challenge due to our lack of HTML experience and time constraints. Although the basic functionality of the game works as intended, we had to adapt and compromise on our web page design to fit our experience level. We had planned for several animations of the violet jumping and falling as well as the tree bark pieces breaking and changing color. Going forward we would implement these animations. We would also format the scrolling background to better follow the violet's progress.
Accomplishments that we're proud of
We are most proud of the javascript portion of our project where we created the math questions and game mechanics. We wrote an algorithm to generate random simple math questions, and pulled from a question bank of common derivatives and integrals for the calculus questions.
What we learned
One of the most significant things we learned from this project was how access HTML information from a javascript file. We also learned to create scrolling backgrounds on webpages using HTML and practiced our webpage formatting skills.
What's next for FlowerPower
Going forward, there are several improvements we want to make to this game. In addition to fully implementing the animation aspect of our game, we want to improve the game's question algorithm for more effective learning. We would better format the derivatives and integrals in our questions so that they are easier to read. We want to design a way to control the difficulty of the questions and arrange the questions so that they progressively get more difficult.
Log in or sign up for Devpost to join the conversation.