Was the first time you touched a MAC when you decided to pursue coding? Are you me?
This game is meant for MAC noobies like us who just wants to learn useful mac shortcuts for mac, vscode, zoom, and slack.
This a typing game. There will be a prompt on what the shortcut will do, and if you push the right keys => You get to pet my cute cats. Lucky you! Currently, only for mac users.
:( available for mac and pc! Select at top on start of game. Hit refresh to change setting.
- HTML
- CSS
- JavaScript
- Flexbox
- Apple phone voice memo (to record my cat)
- Start screen with directions
- Screen displaying what shortcut does
- If correct, cat gets pet
- If wrong, game stops, correct shortcut displayed, no pets.
- web accessibility
- add alt for all images
- titles for empty buttons and switches
- add heading to start page with game description
- add
kindattribute to audio element - logical document structure
- show buttons that are being pressed | changed the color if correct
- extra points on certain cats
- timed version | How many can you get done in under a minute?
- sound when right |recorded one of my own cats and used the sound!
- include mute button
- Pushing the correct keys multiple times will create many hands while the correct timer is running. It also changes the picture the same amount of times. It does not skip questions or give free credit to questions.
- although my cats would appreciate more pets. :)
- eventlisteners on keys ups and key downs
- going from event.key to event.code because spacebar is an empty string in key
- putting my eventCode object inside my reset function, fixed issues where if i played again, some keys were still set true.
- coding the pressed keys like alt and meta, into options and command... also when player presses all correct buttons it will show all the buttons together, instead of single buttons or strange symbols. ie: ‰◊
- trying to make plan B incase plan A breaks... like my images and github!
- Because the game has to keep track of multiple keys being pressed at the same time. Creating questions took a lot longer.
- Short-cuts that were browser shortcuts had to be taken out for the fluidity of the game.
- Paulina - debug queen!
- @yaakov -#1 talking rubberduck that also talks back
- Weston - helping me understand the eventlistener functions...again. :D
- Justin | Jon | Roman -lots of help throughout project
- pretty subtle shadowboxes
- press any key to get the javascript event keycode
- code for making sure all buttons are pressed
- gallery creator for github - multiple images in one line for README
- very easy to understand make a start screen for your JS Games by David Reid
- useful shortcuts for devs
- web accessibility
- audio accessibility
- canva for wireframes
- transform explanation
- ws3 and mixtures of stackover flow answers