Active Pallet

Inspiration

I was working in javascript with the active floor, trying to improve others' projects. Simultaneously, I was having trouble in photoshop, wishing I could press down on my screen to make a mark. Then, it dawned on me: I could use the sensors from the active floor to take user input and use color pallets to turn the floor into a canvas.

What it does

Depending o the current brush, if one steps on a sensor, it will light up and stay that way until one uses the erase function to remove it. Stepping on corners activates different brushes.

How I built it

I nested a 24x24 array and created an object within each value. Each object possessed a color value and a Boolean value, representing if the tile was active and if it was, what the set color was.

Challenges I ran into

Multiple additions to my code would simply break it. This required me to think outside the box and restructure my skeleton code around my new features.

Accomplishments that I'm proud of

Creating the rainbow brush and the eraser were difficult challenges. But, with a knowledge of arrays and objects, I was able to figure out how to make the brush a rainbow, able to change color every millisecond or so. I used the eraser to reset erased tiles to the original empty values.

What I learned

I learned Javascript. Now, I'm pretty comfortable with it and can write quite a lot from scratch (nothing, not the block coding tool). I can now see that when it comes to programming, the sky is the limit.

What's next for Active Pallet

I would integrate a shape button, that teaches kids shapes and waits a delayed few seconds before it tells the user what the shape is. This will familiarize them with basic geometry. Hopefully, this would encourage children to love learning from the first stage. I hope for it to make a strong impact on their education and careers.

Built With

• javascript