1.
Processing과
Arduino
송치원

2.
https://processing.org/
Processing is a flexible software sketchbook
and a language for learning how to code
within the context of the visual arts.

3.
Console
Hello World

4.
Drawing
실행결과

5.
Draw Frames
실행결과

6.
Draw Frames
void setup() {
size(640, 480); //W, H
}
int r_x = 0;
int add = 5;
int e_x = 20, e_y = 20;
int e_add_x = 3, e_add_y = 3;
void draw() {
background(200, 200, 200); //R, G, B
noStroke();
fill(255, 0, 0); //R, G, B
rect(r_x, 400, 100, 30); //X, Y, W, H
stroke(0, 0, 0);
fill(0, 255, 0);
ellipse(e_x, e_y, 20, 20); // X, Y, RX, RY
e_x += e_add_x;
e_y += e_add_y;
if(e_x < 10 || e_x > 640-10) e_add_x = -e_add_x;
if(e_y < 10 || e_y > 480-10) e_add_y = -e_add_y;
if(e_x > r_x && e_x < r_x+100 && e_y > 400 && e_y < 400+30)
e_add_y = -e_add_y;
r_x += add;
if(r_x < 0 || r_x > 640-100) add = -add;
}
실행결과

7.
sample int count = 200;
int snowx[]= new int[count];
int snowy[]= new int[count];
int speed[]= new int[count];
int size[]= new int[count];
void setup() {
size(320, 200);
for(int i=0; i<count; i++) {
snowx[i] = (int)random(0, 320);
snowy[i] = (int)random(0, 200);
speed[i] = (int)random(1, 4);
size[i] = (int)random(1, 5);
}
}
void draw() {
background(0);
for(int i=0; i<count; i++) {
ellipse(snowx[i], snowy[i], size[i], size[i]);
snowy[i]+=speed[i];
if(snowy[i] >= 200) {
snowy[i] = 0;
snowx[i] = (int)random(0, 320);
speed[i] = (int)random(1, 4);
size[i] = (int)random(1, 5);
}
}
}
실행결과

8.
Drawing Functions

9.
Mouse Event
void setup() {
}
void draw() {
if(mousePressed) {
println("mouse pressed");
}
}
void setup() {
}
void draw() {
}
void mousePressed() {
println("mouse pressed");
}
void setup() {
}
void draw() {
}
void mousePressed() {
if(mouseButton == LEFT) {
println("Left mouse button pressed");
}
else if(mouseButton == CENTER) {
println("Center mouse button pressed");
}
else if(mouseButton == RIGHT) {
println("Right mouse button pressed");
}
}
Mouse Button Pressed Pressed Mouse Button

10.
Mouse Event
void setup() {
}
void draw() {
}
void mousePressed() {
if(mouseButton == LEFT) {
println("Left mouse button pressed");
}
else if(mouseButton == CENTER) {
println("Center mouse button pressed");
}
else if(mouseButton == RIGHT) {
println("Right mouse button pressed");
}
}
void mouseReleased() {
if(mouseButton == LEFT) {
println("Left mouse button released");
}
}
void mouseClicked() {
if(mouseButton == LEFT) {
println("Left mouse button clicked");
}
}
void mouseDragged() {
println("Drag MouseX:"+mouseX+" ,
MouseY:"+mouseY);
}
void mouseWheel(processing.event.MouseEvent
event) {
int e = event.getCount();
println("Wheel:"+e);
}
void mouseMoved() {
println("Move MouseX:"+mouseX+" ,
MouseY:"+mouseY);
}

11.
sample
class LineElement {
int x, y, x2, y2;
}
ArrayList<LineElement> lines = new ArrayList<LineElement>();
int p_x = -1, p_y = -1;
void setup() {
size(320, 200);
stroke(255);
strokeWeight(2);
}
void draw() {
background(0);
stroke(255);
for(LineElement l : lines) {
line(l.x, l.y, l.x2, l.y2);
}
stroke(0, 0, 255);
if(p_x >= 0 && p_y >= 0) {
line(p_x, p_y, mouseX, mouseY);
}
}
void mousePressed() {
if(p_x >= 0 && p_y >= 0) {
LineElement l = new LineElement();
l.x = p_x;
l.y = p_y;
l.x2 = mouseX;
l.y2 = mouseY;
lines.add(l);
}
p_x = mouseX;
p_y = mouseY;
}

12.
Keyboard Event
void setup() {
}
void draw() {
if (keyPressed) {
if (key == 'b' || key == 'B') {
background(0);
} else {
background(255);
}
}
}
int value = 0;
void draw() {
background(value);
}
void keyPressed() {
if (key == 'b' || key == 'B') {
value = 0;
} else {
value = 255;
}
}
void draw() {
}
void keyPressed() {
println("pressed " + key + "(" + keyCode + ")");
}
void keyReleased() {
println("released " + key + "(" + keyCode + ")");
}
void keyTyped() {
println("typed " + key + "(" + keyCode + ")");
}
Key Pressed Pressed Mouse Button
pressed a(65)
typed a(0)
released a(65)

13.
sample
void setup() {
size(640, 480); //W, H
}
int r_x = 0;
int e_x = 20, e_y = 20;
int e_add_x = 3, e_add_y = 3;
void draw() {
background(200, 200, 200); //R, G, B
noStroke();
fill(255, 0, 0); //R, G, B
rect(r_x, 400, 100, 30); //X, Y, W, H
stroke(0, 0, 0);
fill(0, 255, 0);
ellipse(e_x, e_y, 20, 20); // X, Y, RX, RY
e_x += e_add_x;
e_y += e_add_y;
if(e_x < 10 || e_x > 640-10) e_add_x = -e_add_x;
if(e_y < 10 || e_y > 480-10) e_add_y = -e_add_y;
if(e_x > r_x && e_x < r_x+100 && e_y > 400 && e_y < 400+30)
e_add_y = -e_add_y;
}
void keyPressed() {
if(keyCode == LEFT) {
r_x -= 10;
if(r_x < 0) r_x = 0;
} else if(keyCode == RIGHT) {
r_x += 10;
if(r_x > 640-100) r_x = 640-100;
}
}

14.
Serial
통신
Arduino 와 PC를 연결하는 방법
Serial.begin(9600);
Serial.print(“command”);
Serial.read()
serial = new Serial();
serial.readChar();
serial.writeChar();

15.
Arduino Side
void setup() {
pinMode(8, OUTPUT);
Serial.begin(9600);
}
void loop() {
if (Serial.available() > 0) {
char ch = Serial.read();
if(ch == '1') digitalWrite(8, HIGH);
else digitalWrite(8, LOW);
}
}
Serial Monitor

16.
Processing Side
import processing.serial.*;
Serial serial;
int pMouseX = 0;
void setup() {
size(320, 200);
serial = new Serial(this, Serial.list()[0], 9600);
}
void draw() {
fill(0);
rect(0, 0, 160, 200);
fill(255);
rect(160, 0, 160, 200);
if(pMouseX < 160 && mouseX >= 160) {
serial.write('1');
} else if(pMouseX >= 160 && mouseX < 160) {
serial.write('0');
}
pMouseX = mouseX;
}

17.
Arduino Side
int pButtonState = 0;
void setup() {
pinMode(8, INPUT);
Serial.begin(9600);
}
void loop() {
int buttonPressed = digitalRead(8);
if(pButtonState == LOW && buttonPressed == HIGH) {
Serial.print('1');
}
pButtonState = buttonPressed;
}
Serial Monitor

18.
Processing Side
import processing.serial.*;
Serial serial;
void setup() {
size(320, 200);
serial = new Serial(this, Serial.list()[0], 9600);
background(0);
}
void draw() {
if(serial.available() > 0) {
int ch = serial.read();
if(ch == '1') {
int red = (int)random(255);
int green = (int)random(255);
int blue = (int)random(255);
int x = (int)random(320);
int y = (int)random(200);
int size = (int)random(30, 100);
fill(red, green, blue, 180);
ellipse(x, y, size, size);
}
}
}

19.
sample Arduino Side
void setup() {
Serial.begin(9600);
}
void loop() {
int value = analogRead(A1);
Serial.println(value);
delay(100);
}

20.
sample Processing Side
void draw() {
background(200, 200, 200); //R, G, B
noStroke();
fill(255, 0, 0); //R, G, B
rect(r_x, 400, 100, 30); //X, Y, W, H
stroke(0, 0, 0);
fill(0, 255, 0);
ellipse(e_x, e_y, 20, 20); // X, Y, RX, RY
if(serial.available() > 0) {
String val = serial.readStringUntil(lf);
if(val != null) {
val = val.trim();
if(val.length() > 0) {
int val2 = Integer.parseInt(val.trim());
r_x = val2 * (640-100) / 1024;
}
}
}
e_x += e_add_x;
e_y += e_add_y;
if(e_x < 10 || e_x > 640-10) e_add_x = -e_add_x;
if(e_y < 10 || e_y > 480-10) e_add_y = -e_add_y;
if(e_x > r_x && e_x < r_x+100 && e_y > 400 && e_y < 400+30)
e_add_y = -e_add_y;
}
import processing.serial.*;
int lf = 10;
Serial serial;
int r_x = 0;
int e_x = 20, e_y = 20;
int e_add_x = 3, e_add_y = 3;
void setup() {
size(640, 480);
serial = new Serial(this, Serial.list()[0], 9600);
}

21.
sample Arduino Side
int pinTrig = 7;
int pinEcho = 6;
void setup() {
Serial.begin(9600);
pinMode(pinTrig, OUTPUT);
pinMode(pinEcho, INPUT);
}
void loop() {
int value = distance();
Serial.println(value);
delay(300);
}
long distance() {
digitalWrite(pinTrig, LOW);
delayMicroseconds(2);
digitalWrite(pinTrig, HIGH);
delayMicroseconds(10);
digitalWrite(pinTrig, LOW);
long val= pulseIn(pinEcho, HIGH) * 17 / 100;
return val;
}

22.
sample Processing Side
import processing.serial.*;
int lf = 10;
float zoom = 0.1;
Serial serial;
PImage img;
void setup() {
size(800, 600);
img = loadImage("image.jpg");
serial = new Serial(this, Serial.list()[1], 9600);
}
void draw() {
background(0);
if(serial.available() > 0) {
String val = serial.readStringUntil(lf);
if(val != null) {
val = val.trim();
if(val.length() > 0) {
float val2 = Float.parseFloat(val.trim());
zoom = max(min(val2 / 100, 1.0), 0.1);
}
}
}
float imageWidth = img.width * zoom;
float imageHeight = img.height * zoom;
image(img, (800 - imageWidth)/2, (600 - imageHeight)/2, imageWidth, imageHeight);
}
image.jpg

23.
https://youtu.be/jjvy_jzGlAQ
아두이노 + 가속도센서 + 빛센서