Connect Arduino with Sketch

This tutorial walks you through the process of setting up communications between a Microcontroller Board and the processing interface. After learning this tutorial, you have the gateway to control any pin on the Microcontroller Board with a Processing Sketch.

 

STEP 1

Note: This project requires a Chrome-based browser (It will not work with Firefox or Safari).

1. Detach Controller Piece #7 or #8 so that you can view the Microcontroller Board.
2. Open your Arduino IDE or Arduino Create.

 

STEP 2

IMPORTANT: Disconnect the white wire connected to PIN 13 of the Arduino on your Command Center!

STEP 3

Goal: set up the Serial Command Blink sketch

1. Open up a new sketch.
2. Copy or Write in the following code and upload:

 

STEP 4

Goal of this code is to set up the communication between the Microcontroller Board and p5.js. Once that is set up, you then design an interface to control the Microcontroller Board Pins by clicking on the box in the p5.js window. In this case, you will communicate with pin 13 on the Microcontroller Board to light the LED.

1. Click the link below.  It will open in a new tab.
2. Click the Play button to run the sketch.
3. Select the Arduino Micro by clicking on it, then clicking "Connect"
4. Click on the box to toggle the LED.

p5.js Arduino Connect Sketch

 

STEP 5

When done:

• Reconnect the white wire on your Command Center to Pin 13. 
• Reattach Controller Piece #7 or #8.