For this week’s exercise, I have decided to connect arduino to one of my previous exercise – the recreation on Computer Graphics & Art. The structure of the code is similar to the previous exercise, but I have added conditional statements on each if-statements that draws the strokes based on the location. For the physical part on the Arduino, I have mapped the value of the potentiometer into the integer range from 0 to 8, where each integer serves as an opening indicator for each layer. When the mapped value is at 0, none of the strokes are initiated but as you increment the value using the potentiometer, the layers show the strokes – and the general flow of the layers starts from the center as the initial layer and expands to the outer layers.
The video below is a short demo of the exercise:
<Source Code – Arduino>
void setup() {
// put your setup code here, to run once:
Serial.begin(9600);
Serial.println('0');
}
void loop() {
if(Serial.available()>0){
char inByte=Serial.read();
int sensor = analogRead(A0);
delay(0);
Serial.println(sensor);
}
}
<Source Code – Processing>
int w = 40;
int h = 40;
IntList indexes;
ArrayList<int[]> coords;
import processing.serial.*;
Serial myPort;
int trigger = 0;
void setup() {
size(680, 680);
printArray(Serial.list());
String portname=Serial.list()[2];
println(portname);
myPort = new Serial(this,portname,9600);
myPort.clear();
myPort.bufferUntil('\n');
rectMode(CENTER);
coords = new ArrayList<int[]>();
indexes = new IntList();
for (int i = 0; i < 8; i++) {
indexes.append(i);
}
indexes.shuffle();
int[] coords1 = {-15, 0, 15, 0};
int[] coords2 = {-15, 0, 0, -15};
int[] coords3 = {-15, 0, 0, 15};
int[] coords4 = {-15, -15, 15, 15};
int[] coords5 = {0, -15, 0, 15};
int[] coords6 = {0, -15, 15, 0};
int[] coords7 = {0, 15, 15, 0};
int[] coords8 = {15, -15, -15, 15};
coords.add(coords1);
coords.add(coords2);
coords.add(coords3);
coords.add(coords4);
coords.add(coords5);
coords.add(coords6);
coords.add(coords7);
coords.add(coords8);
}
void draw() {
strokeWeight(3);
background(255);
for (int i=0; i < height; i += h) {
noFill();
for (int j=0; j < width; j += w) {
noFill();
pushMatrix();
translate(i+w/2, j+h/2);
for(int k = 0; k < 7; k++) {
noFill();
if (i+w/2 < 40 || j+h/2 < 40 || i+w/2 > 640 || j+h/2 > 640) {
if (trigger > 7) {
fill(255, 240, 240);
line(-15, 0, 15, 0);
line(-15, 0, 0, -15);
line(-15, 0, 0, 15);
line(-15, -15, 15, 15);
line(0, -15, 0, 15);
line(0, -15, 15, 0);
line(0, 15, 15, 0);
line(15, -15, -15, 15);
}
if (k == 0) {
rect(0, 0, 30, 30);
}
}
else if (i+w/2 < 80 || j+h/2 < 80 || i+w/2 > 600 || j+h/2 > 600){
if (trigger >= 7) {
fill(255, 210, 210);
int coordArr[] = coords.get(indexes.get(k));
line(coordArr[0], coordArr[1], coordArr[2], coordArr[3]);
}
if (k == 0) {
rect(0, 0, 30, 30);
}
}
else if (i+w/2 < 120 || j+h/2 < 120 || i+w/2 > 560 || j+h/2 > 560){
if (k < 6 && trigger >= 6) {
fill(255, 180, 180);
int coordArr[] = coords.get(indexes.get(k));
line(coordArr[0], coordArr[1], coordArr[2], coordArr[3]);
}
if (k == 0) {
rect(0, 0, 30, 30);
}
}
else if (i+w/2 < 160 || j+h/2 < 160 || i+w/2 > 520 || j+h/2 > 520){
if (k < 5 && trigger >= 5) {
fill(255, 150, 150);
int coordArr[] = coords.get(indexes.get(k));
line(coordArr[0], coordArr[1], coordArr[2], coordArr[3]);
}
if (k == 0) {
rect(0, 0, 30, 30);
}
}
else if (i+w/2 < 200 || j+h/2 < 200 || i+w/2 > 480 || j+h/2 > 480){
if (k < 4 && trigger >= 4) {
fill(255, 120, 120);
int coordArr[] = coords.get(indexes.get(k));
line(coordArr[0], coordArr[1], coordArr[2], coordArr[3]);
}
if (k == 0) {
rect(0, 0, 30, 30);
}
}
else if (i+w/2 < 240 || j+h/2 < 240 || i+w/2 > 440 || j+h/2 > 440){
if (k < 3 && trigger >= 3) {
fill(255, 90, 90);
int coordArr[] = coords.get(indexes.get(k));
line(coordArr[0], coordArr[1], coordArr[2], coordArr[3]);
}
if (k == 0) {
rect(0, 0, 30, 30);
}
}
else if (i+w/2 < 280 || j+h/2 < 280 || i+w/2 > 400 || j+h/2 > 400){
if (k < 2 && trigger >= 2) {
fill(255, 60, 60);
int coordArr[] = coords.get(indexes.get(k));
line(coordArr[0], coordArr[1], coordArr[2], coordArr[3]);
}
if (k == 0) {
rect(0, 0, 30, 30);
}
}
else if (i+w/2 < 320 || j+h/2 < 320 || i+w/2 > 360 || j+h/2 > 360){
if (k == 0) {
rect(0, 0, 30, 30);
}
if (k < 1 && trigger >= 1) {
fill(255, 30, 30);
rect(0, 0, 30, 30);
int coordArr[] = coords.get(indexes.get(k));
line(coordArr[0], coordArr[1], coordArr[2], coordArr[3]);
}
}
else
{
fill(255, 0, 0);
rect(0, 0, 30, 30);
}
}
indexes.shuffle();
popMatrix();
}
}
delay(50);
}
void serialEvent(Serial myPort){
String s=myPort.readStringUntil('\n');
s=trim(s);
if (s!=null){
trigger=(int)map(int(s),0,1023,0, 8);
}
println(trigger);
myPort.write('0');
}