Animations are done mostly on CSS, while some other animations (e.g.Displays on the sidebars are controlled in JavaScript.

div elements for the word are created using this function, and 40% of the time, word that carries the special abilities are created. This will be used later on to randomize the word that the user need to type. It takes level input, which filters the commonWords array based on the minimum and maximum length per word (defined in minMaxLength variable).

Creation of words are handled in JavaScript using the function createWordDiv(level).

You can only stack 7 abilities at any time, so choose wisely. To use these special abilities, you can type 'FIRE', 'ICE', 'HEAL', and 'SLOW' and press Enter or Space.

purple-colored words give you SLOW, which slows down the falling speed of the words.

green-colored words give you HEAL, which reset all your lives.

blue-colored words give you ICE, which freezes the words for 6 seconds.

red-colored words give you FIRE, which clears all the words on the screen once you activate it.

There are words with different colors, and clearing these words will give you special ability: You can advance to the next level when you have filled the bar required in that level. Once all switches are turned off, the game is over. You have 10 lives, in a form of on switches, in each level, and it will be reset when you advance to the next level.

There are words coming down from the top of your screen, and you have to clear them by typing the word and press Enter or Space before it reaches the base.

This game is adapted from the popular Facebook game called Typing Maniac.

Type maniac game online