FREE OVERNIGHT SHIPPING: GET IT IN TIME FOR CHRISTMAS
(U.S. ORDERS $150+)
 Details

Order by Monday 12/22 at 5pm EST for free overnight shipping and receive your order in time for Christmas! U.S. orders over $150 only

Shop Now

DIY Etch A Sketch

May 9, 2014
2
4

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
Pulpopark

Spanish versionPara animar una ciudad, ¿qué mejor que una feria?En esta feria llamada "Pulpo park" se encuentra un montón de activ...

1
project
PUERTA LOGICA

El objetivo de este proyecto es que las niñas aprendan de una forma divertida el funcionamiento de las puertas lógicas. Para ell...

project
Papermates

A group of grade 9 Cambie science students created two moving papermates using littleBits modules.

2