FREE SHIPPING ON ALL KITS! – US orders Details

Free shipping on all US orders over $60. 

Shop Now

DIY Etch A Sketch

May 9, 2014
3
7

Use two dimmers to draw on your computer screen, just like an Etch-a-Sketch. 

*To complete this exercise, you will need to download the Arduino softwareYou will also need to download Processing to run the Processing sketch.

The two dimmers send analog data into the Arduino and output serial data to Processing, a programming language that lets you control visual information on your computer. By moving the dimmers, you control movement on your screen and can draw lines.

For more “getting started” sketches, click here.

For support check out the littleBits and Arduino forums.

To learn more about coding, find examples on Arduino’s website.

How To Make It

STEP 1

Download the Arduino software to your computer (it's free!) and open the "Etch A Sketch" sketch. You will also need to download Processing to run the Processing sketch.

The "Etch A Sketch" Arduino and Processing files can be found on this page in the "other files" section.

STEP 2

Build your circuit (see the photo gallery for an image of the setup). Make sure your two dimmers are connected to the analog input pins, A1 and A0.

STEP 3

Plug the micro USB cable into both the Arduino module and a USB port on your computer.

STEP 4

Turn your power module on. You should see a red light illuminate on the power module and a yellow light flash on your Arduino module.

STEP 5

In the Arduino program, select your board. Go to Tools>Board>Arduino Leonardo. This littleBits Arduino module is modeled after the Arduino Leonardo and is therefore compatible.

STEP 6

Next select the serial port that the Arduino will communicate over by going back to "Tools" and selecting the correct port in the "Port" section. The name of the port will depend if you are on a Mac or Windows computer. On a Mac, it will start with /dev/tty.usbmodem... and a PC will start with COMM… In Windows, you can look for the USB serial device in the ports section of the Windows Device Manager. If you are on a Linux machine, the port will look like /dev/ttyUSB…

STEP 7

To upload the Arduino sketch to your Arduino module, press the arrow button in the top left corner of the screen. You will see a blue bar at the bottom of the window that says "compiling sketch", and you should see two yellow lights flash on your Arduino module when this happens. The upload is complete when you see "done uploading" at the bottom of your sketch window.

STEP 8

Now, switch over to the processing sketch. Press the "play" button in the Processing window (top left corner). This will open a purple window. Now, when you move the dimmers, you are able to draw on your screen like an Etch A Sketch.

STEP 9

If you are unable to draw any lines, you may need to make a slight adjustment to the code in the processing sketch so that you connect to the correct serial port.

Scroll down until you find this line of code:
myPort = new Serial(this, Serial.list()[0], 9600);

You will need to replace the 0 in Serial.list()[0]. Start counting up from 0. After each change you make, try and run the game. We found that we needed to replace the 0 with the number 2.

STEP 10

You can also try replacing the dimmers with other littleBits sensors for some fun interactions.

Related Projects

project
London's Just a Big Game

City life is almost like a game. So 3 friends made a game inspired by littleBits.

1
project
JarvisTheCat

Hey I'm Jarvis. I'm a new connected object. I will warn you if someone texts you. I will welcome you when you go home with yo...

2
project
Helicopter

Grade 9 Littlebits Project

2
1