UI Documentation

[lgraziani2712]

Color Pallete

• Red: http://paletton.com/#uid=1010u0kkmreayHafTvDoNnPseiQ
• Green: http://paletton.com/#uid=12P0u0kg0sS6kMlb5-HkHnTp5jq
• Blue: http://paletton.com/#uid=13y0u0kn7IfcDTwiqNMrUCMz5ul
• Orange: http://paletton.com/#uid=10u0u0kmsqud0C+iiueqgmwudhN
• Lilac: http://paletton.com/#uid=15k0u0kmwqqd4CMimu9qimruihH

Buttons

• If the game is executing, block buttons.
• If the game has finished, hide the play button and show the reset button.
• If the game has been resetted, hide the reset button and show the play button.

---

• Original design: http://codepen.io/cheeriottis/pen/inluv.
• Font: Allerta, sans-serif. https://fonts.googleapis.com/css?family=Allerta

Blockly

• Make block colors to follow the color pallete.

Number game

• Backgrounds:
  • http://www.printawallpaper.com/upload/designs/upside_down_numbers_detail.jpg
  • https://es.123rf.com/photo_17709520_documento-elaborado-a-mano-los-numeros-de-cuadricula-de-fondo-en-una-hoja-de-papel-blanco.html
  • https://www.shutterstock.com/image-vector/seamless-alphabet-numbers-background-posters-prints-329257316
  • http://www.freepik.com/free-vector/retro-numbers-background_857268.htm
  • https://de.123rf.com/photo_5603393_nahtlos-vector-wallpaper-funny-mathematik.html

Error images

• MazeExitError: https://emojipedia-us.s3.amazonaws.com/cache/f0/0d/f00d2203df672536d79b73d5c6ac1ada.png
• MazePathError: http://www.sherv.net/cm/emoticons/yellow-face/brick-hitting-face-smiley-emoticon.png
• MazeStarvationError: https://emojipedia-us.s3.amazonaws.com/cache/d7/1f/d71f5406d26f4976837f97271c82c979.png

Loader images

• Spinning cat: https://loading.io/loader/16550#editor-top

Cursor Icons

• Used on ui/Activity and ui/BlocklyApp: https://www.flaticon.com/packs/selection-cursors-5.
  • One is a customization.