Typing - Team-Hamsa/calebhamsa.fun GitHub Wiki

The โŒจ๏ธ Typing game teaches where the keys are on a real keyboard (a keyboard on the iPad, or a computer). Letter blocks make a wall. Press the key for the glowing block and it breaks!

  • The glowing block is the one to break. Its letter is said out loud.
  • The keyboard picture lights up the same key, in the color of the finger to press it with. F and J have little bumps, just like on a real keyboard: rest your pointer fingers there.
  • The hands show which finger to use: it lifts up and glows.
  • A wrong key makes the block wobble, and the key you pressed flashes gray so you can see where your finger was. Try again: there's no timer and no losing.
  • Clear the wall to earn a โญ. Three โญ finish a level and open the next one. You can tap any open level at the top to play it again.
  • ๐Ÿ”Š / ๐Ÿ”‡ at the top turns all the sounds and the talking off (and back on). The game remembers it, and it works on the start screen too.

The levels

Each level adds a few new keys, and keeps the ones you already know.

Level New keys
1 F J
2 D K
3 S L
4 A
5 G H
6 R U
7 E I
8 T Y
9 W O
10 Q P
11 V M
12 C
13 X Z B N

Which finger?

Finger Left hand Right hand Color
Pointer F G R T V B J H U Y N M ๐ŸŸฉ green
Middle D E C K I ๐ŸŸฆ blue
Ring S W X L O ๐ŸŸช purple
Pinky A Q Z P ๐ŸŸง orange

๐Ÿงช Try this

  • Make the walls shorter or longer: change WALL_SIZE in js/type/wall.js.
  • Change the order keys are taught: swap lines in LEVELS in js/type/levels.js.
  • Change the sounds: the note numbers at the top of js/type/game.js.