Colored Light Sensor Changing 3 Monitors in Real Time

This tutorial describes the following advanced Arduino Uno project.  This project was exhibited in ISEA2014.  All original coding was done for this project by Christian Kantner.  Moral support and help getting started by Myfanwy Ashmore.

This is an advanced tutorial that should only be undertaken if you have prior Arduino Uno experience, as well as a computer running a recent version of Windows that has 3 HDMI ports.

Step One:

Arduino Uno R3

RGB Color Sensor

Male to Male Jumper Wires

Small Breadboard

3 TV Monitors

One computer running Java version that also has three HDMI ports (caution: many don’t)


Step Two:

Wiring the color sensor to the Uno

Step Three:

Upload the Arduino sketch called “colorview” included in the downloads folder to the Arduino and load it onto the Arduino.

Step Four:

Setting up the three monitor system

Step Five:

Running the program, enjoy!

All of the code for this project can be downloaded here


RGB Matrix Controlled from Browser

It This tutorial covers how to connect an RGB Matrix to a microcontroller and an Electric Imp, so that the display of the RGB Matrix, when turned on, and in range of connected wifi, can be controlled by internet users remotely by visiting a web page set up for this project.

*Please note, this is an advanced tutorial which should probably only be undertaken by people with prior prototyping/Arduino project experience.

This is a collaboration with Jesse Gonzalez, who, along with Nargis Dhirani, presented this artwork’s process at ISEA2015.

Step One:

Order your parts online.  We used

RGB Matrix

Teensy 3.2

Electric Imp + Aprilboard

Female to Male and Male to Male Jumper Wires (some of both are needed)


USB Battery Power Source + cable

Step Two:

Please note this tutorial and project was created and tested for iPhone (in fact at the time this project was conceived, there was no Android app for the imp), This tutorial cannot guarantee/doesn’t explicitly support/answer questions about trying out this project on android devices.

Create an account at  Download the electric imp app here.

Step Three:

1  wiring the matrix to the teensy and to its power source

2  wiring the imp to the teensy

3  teensy to battery

Step Four:

Create Some Web Pages

There are basically three sets of coding you need to set up in three different places for this project.

  1. You need to upload an Arduino sketch onto your Teensy,
  2. you need to put code on a few webpages,
  3. and you need to put code on The Electric Imp.

All of that code can be downloaded on the below link.


First, let’s set up and publish a web URL specifically for the imp

ours is currently at: if you want to use it as an example.

There are three separate pages of code for the website:

1) the HTML page

2) an embedded Javascript page

3) a CSS link

Download all of the code for this project here


Step Five:

 Now lets upload the Arduino sketch to the Teensy



Step Six:

Getting the Electric Imp working

Step Seven:

Plug in, test, and enjoy!

All this amazing code was written specifically for this project, all by Jesse Gonzalez, who deserves all the credit for making this idea come to life, including the hardware side of this project, as well.