Scarlet Knight Word Dash

In game
Part of our code (JavaScript)
Part of our code (CSS)

Good Afternoon judges and viewers, My name is Kusum My name is Adeniyi My name is Dattu And we are team K.A.D,

The game's main audience is elementary age children and it is geared to help them learn and remember how to spell different words all while playing a short browser game. The inspiration for this game came from the thought that a lot of the younger generations are losing their ability to spell due to fast communications over text. Autocorrect technologies are facilitating this degradation of children not being able to spell. So we wanted to make a fun way to learn how to spell in a fun and engaging way.

What it does

We used html, css, and javascript. First, we created our basic layout with html and fine tuned how it displayed in css, including colors, fonts, and alignment. We had downloaded a text file from a popular password generator to act as our dictionary of words. This way, we had an ideal database for basic words that children would come across. We had to figure out a way to read a text file using javascript, and separate the long string of words. After selecting a random word, we had to change the innerHTML of the title element, so the goal word could be displayed. The random letters falling from the sky were generated through an array of string (letters), which were chosen at random to choose from a file of pictures that have been properly named for selection. To get them to fall from the sky, we used the built-in animation function to gradually let them fall from the sky. This, as stated below, would prove to come with limitations...

Even though the Hackathon was 24 hours, we only had about 7 hours to actually work on the project due to one of our members coming from another school and having class assessments and overall scheduling overlap with the three of us. In the 7 hours we actually worked together we set up a basic layout where our scarlet knight (which is player controlled) moves around at the bottom of the screen while letters randomly drop from the sky. The goal Word is presented at the top of the screen and the player has to adeptly dodge the wrong letters and catch the correct letters in the correct order for it to count. If they catch the wrong letter the game ends and a new word is presented at the top. If they spell the word correctly they move on to another harder word. In the future, we would like to refine and fix our Collison deduction code, add more shapes for our dropping letters, add more animations from the scarlet knight when it moves, add some sound cues. Our final goal would be to make this into an educational game used in elementary schools.