Bunny Funnies



Cypress, KiB, Spencer



The purpose of our project is to address the issue of STEM/STEAM not being present and/or prominent in many urban environments as well as areas where young people can congregate.  If STEM/STEAM were present in these areas more youth would be exposed to aspects of technology aside from personal devices and possibly seek out other opportunities.


Our solution to this problem is to create an interactive game board which will allow kids to develop their coding skills kids in all while being entertained, hoping to inspire them

, HTML, Digital Fabrication, Electronics 


We plan to break down our target market in order to satisfy 3 categories:


32×64 RGB LED Matrix 


Clear Acrylic

Arduino MEGA

Particle Photon

Links to any website that you are using as a reference for your project.

Upload pictures of your imagine worksheet as well as any other drawings you may have.

List the pros and cons of your project from your explore worksheet.




Today our goal is to come to a conclusion about what exactly our project will be about. Currently, we only have an interactive game board and our priority is to figure out what we can incorporate in the game board in order to direct an issue present in the community. 


During the rapid prototyping aspect of our day, we made a basic prototype which allowed us to imagine how our game board could possibly look. After presenting and receiving feedback from our peers we began to build our proof of concept which we plan to complete tomorrow. Our goal for tomorrow is to solidify our proof of concept and the correlations of the proof to our final product.

 Displaying 20170720_093226.jpg


To create an updated version of our previously created proof of concept and to establish an official diagram to show to Susanna.


We took time to research different RGB LED Matrix’s to use for our board. We ran into a little trouble; we weren’t sure if we should spend our whole budget on a bigger matrix or buy a smaller one and have some money left over just in case we need it in the future. Either way we have to make a board that is smaller than what we were planning on making.

Displaying 20170720_093239.jpg


Screenshot from 2017-07-18 09:18:02Screenshot from 2017-07-18 09:18:43Screenshot from 2017-07-18 11:23:56Screenshot from 2017-07-18 09:18:20

For next week:

Next week we intend on beginning our code for the HTML/further research inVolt , specify which program language we intend on utilizing/begin drafting questions for the board game 



Today our goals are to draft another proof of concept and fulfill the tasks on Susanna’s checklist


In order to code with HTML we will have to use the program involt. Today we researched the basics of HTML. HTML (hyper text makeup language) is a standardized system for tagging text files to achieve fonts, color, graphic, and hyper link effects on World Wide Web pages (WWW). HTML is used to make web pages and web applications. We found this website to be very useful in helping use with HTML code:


link 2


Spencer began working on our website today and researched lots of tips to help him code. Kib worked on an updated version of our proof of concept by laser cutting a press fit box made out of cardboard. He etched the path of the game board onto the the box. Somtoo has been using Arduino create to write a code for the RGB matrix.

For Tomorrow:

To continue working on the proof of concept and code for the website. We need to research certain aspects of HTML and we need to figure out how to link our code to inVolt. We also need to start drafting questions that the board game will ask.



Today our goal is to get familiarized with inVolt and to create a sample sketch which will allow us to to light up and LED on an Arduino through the HTML website, and to have a lengthy list of possible Arduino questions to incorporate in the code.


Today we came up with some questions for our board game for example. How to make an LED blink turn on for three seconds and turn off for three seconds? What’s The difference between digital inputs and outputs? Can you print out the words Hello World on the serial monitor? How to use a button in to make a light turn on? How do you make a Buzzer turn on? Our RBG led matrix came in today.

Displaying 20170720_093300.jpg
Displaying 20170720_093328.jpg

For Tomorrow:

To continue finding questions for our game board. We also need to connect our arduino to our HTML code.



Today we are going to connect our Arduino  to out HTML code. We also need to finish researching the adapter for our Arduino so that we are able to plug our RGB led Matrix into the board.


 Today we started editing our website,  adding buttons, color, borders, and sections. We ran into problems regarding InVolt  working with the computer. There was an issue on the actual download of InVolt. We troubleshooted with another youth teacher (Gabe) who had experience using InVolt. Once we got it to download there was an issue actually opening the application on the computer to get it to work. However,  we thought of a possible solution (which  requires more discussion) of using a photon along with Arduino in order to incorporate “Internet of things”. We started to add the components to the LED matrix but found out that we need an IDC adapter for the matrix. to connect it to the Arduino. 

For Tomorrow:

To continue working on the HTML website and if our photon arrives to light up a basic blink sketch on the Arduino with an LED. Attempt to test out a code to have a photon light up the LED matrix, as well as try to find another way to connect the LED matrix without using an adapter.



Today we will work on code that we will use on our particle photon. We will also continue working our website with HTML.


Today we were able to write a string of a code for Particle Photon. This sample code would check whether an answer was correct or wrong for our website when its inputed. We were able to turn on our LED RGB matrix AND use a sample code to make it light up with patterns and multiple colors. We discussed whether we want to get two more 16×32 matrices or to order our originally planned 64×32, and discussed that we would have to attach and code all of the matrices to work together. We made remarkable progress on the website (thanks to Somtoo), adding a question section with jeopardy questions. Susan ordered our Photon board so we are still waiting for it to come in.

 For Monday:

If our particle photon boards in we need to test if our pre-written code works with the board.



To try to setup our particle photon board and to also continue coding our led matrix and our website.


We tried to connect our particle photon to the computer but we were not able to get the wi-fi credentials so Cypress is going to bring it home and set it up there. Kb has been trouble shooting the matrix using jumper wires to connect it to our Arduino mega. Spencer has been researching code to test on the matrix. We also began researching raspberry pi boards to see if they would be more useful for our project but we found out that python is necessary to code them. We were told to research a nodemcu which can be used for our project. here are some helpful links that we found:




tutorial for nodemcu


In this time frame we have improved more of our code and learned how to have a check if answers are correct for our coding portion of our game. We figured out how to use the NodeMCU and we have also found a way to use our HTML in Arduino Create. We received our bigger LED matrix and KB has worked on it even more, learning how to manipulate it. 



Today Cypress has been transferring our HTML code to Arduino create and we are testing it out on the ESP8266 KB has been trying to run code on the LED Matrix so he can see if it can do what we want to do and deciding if were gonna have the LED matrix display a path or have just a cut out path. Spencer was also changing colors around on the website and editing the code for our website.


Today Kb has been working on fabrication for the final box which holds the LED matrix. We have also been working on our website and been changing the color scheme and button layouts. Cypress has been working with Ming to learn how to code the chip so we can send values to the Arduino Mega so the Matrix can react when the players play the game. We also have been working on how to code in Java script so we can send code to the chip that we’re using.


Spencer has been working on the HTML for the website so it looks more appealing. Cypress has been working on code for the questions for the games. Kb has had to rewire the Led matrix because we ran into technical difficulties and has been trying to code the path for the matrix and trying to make colors change when values are received to the Arduino mega board.



 Cypress has made progress on using the NodeMCU, with actually loading our website utilizing WiFi, as well as learning Java to learn the functions to code the actual questions.  Somtoo has been coding the actual questions structure and function for Java to check if the an answer for our questions are correct . Spencer has been doing the cosmetics for the HTML website.  Kb has started to make paths on the LED matrix, and has began looking at game pieces to 3D print. 


 For the majority of the day our group was out teaching youth but Kib, Somtoo, and “Spencer” stayed after to continue putting effort to advance the state of out project. Somtoo completed coding our html website so we no longer have to worry about the aspects of the website. Now we can focus more on different parts of our project like sending values to our rgb led matrix.


 Kib fabricated the board for our final project using a star wars theme to match the game board pieces that we have 3d printed out (Which are Darth Vader and Yoda) . Somtoo has been working on the code for our HTML website . Cypress has been putting HTML code into the nodeMCU so that we can use arduino to send code to our website and load the website utilizing the Node. We need to continue to work on the led matrix and finish the code for our questions.  We also need to decorate and finalize our box.



Cypress worked more on the Node and stayed after and got help from Ming and figured a way to reload a question page depending on whether the answer is correct or wrong. Kb continued to construct the box parts. Spencer cut out the acrylic path for the board again, and super glued part of it together, as well as continued to decorate it.








Documentation Day

What did you learn about making technology- 

We learned that making technology has a bunch of different ways to achieve things for a finished product. We also learned that there are many challenges, but when it comes to challenges, Google is your best friend.

What did you learn about yourself-

Kb- I work well with fewer amounts of people

Spencer- That I need to contribute alot more when it comes to groups and project 



What did you learn about collaboration- 

Collaboration  is much needed but can be harmful if everyone is not doing their part. For collaboration to work, everyone needs to do their part other wise things either won’t get done or people have to unfairly do more work .


What was your favorite “lit” moment in project building-

Yung Bratz

What challenges did you face? How did you overcome?-

We faced a couple of challenges during project building. One of them was trying to use the program Involt and a particle photon. We attempted to use both (separately) because we needed them to communicate our website to our Arduino. What we decided to do instead was to use a NodeMCU, which allowed us to make our own web server and to communicate between the arduino and html. 

What was your “coding journey”

 Our groups coding journey was very intense because we had attempted to use involt. However, that  but that didn’t work so we tried to use the particle photon , but that didn’t work either. So we had to use the NodeMCU and Coding the matrix wasn’t that hard and it was pretty straight forward. There were a lot of tutorials online too that we use to troubleshoot and understand what was going on.