Coloring Book

Start screen
Uncolored pizza
Colored pizza

Food: a necessity of life savoured by all, as well as the theme of this hackathon, is what inspired this hack. We used the flavourful topic to create a relaxing, pixelated colouring game for all. Inspired by a simple delicacy, we created a grid and a pixelated outline of a pizza using Java.

The goal is to colour in the pizza with the colours indicated by the number on each pixel. Using Java, we calculated the bounds of each pixel so that when the user clicks on it, that square turns a specific colour, which can be chosen by clicking the numbers on the user's keyboard. After making the code in Java, we translated it to JavaScript, after which we embedded it in our HTML website.

Our team struggled as we lacked experience in web technology such as HTML, JavaScript and CSS. We also worked with the limited time constraint, as making the boundaries of each pixel and assigning each pixel to a colour took a long time. As such, we had to learn on the go, which we could do successfully by cooperating.

Our proudest accomplishment is our final, workable project! We learned how to use programs such as GitHub, HTML/CSS, JavaScript libraries, and problem-solving. If we had more time to advance Colouring Book, we would add more picture options to colour.