3.1 Arduino -> Processing

本篇主要介紹如何由Arduino傳輸資料去Processing軟件，從而令Processing畫出來的動畫能與Arduino互動。

Arduino與Processing之間可以透過Serial串口溝通，以下為Arduino傳送資料到Processing和Processing傳至Arduino的基礎程式結構。

Arduino -> Processing

效果

Arduino以文字格式傳送三個數值給Processing，Processing讀取後，再分別放入陣列之中，然後列印出來。

電路圖

程式碼

Arduino:

​x
1
void setup(){
2
    Serial.begin(115200);
3
}
4

5
void loop(){
6
    int random_number_1 = random(0, 512);
7
    int random_number_2 = random(0, 512);
8

9
    Serial.print(random_number_1);
10
    Serial.print(',');
11
    Serial.println(random_number_2);
12
    delay(1000);
13
}

Processing:

xxxxxxxxxx
30
1
import processing.serial.*;
2
Serial myPort;
3

4
int x_position, y_position;
5

6
void setup() {
7
  size(512, 512);
8
  println(Serial.list());
9
  myPort = new Serial(this, Serial.list()[0], 115200);
10
  myPort.bufferUntil('\n');
11
}
12

13
void draw() {
14
  //此處為空
15
}
16

17
void serialEvent(Serial myPort){
18
  String myString = myPort.readStringUntil('\n');
19
  myString = trim(myString);
20

21
  int data[] = int(split(myString, ','));
22

23
  for (int i = 0; i < data.length; i++) {
24
    print(data[i] + "     ");
25
  }
26
  println();
27

28
  x_position = data[0];
29
  y_position = data[1];
30
}

說明

上載完Arduino的程式後，開啟Arduino的serial監測器。確定Arduino每1秒鐘會出兩個數值，中間以逗號分隔(沒有空格)。

之後再運行Processing程式碼(運行前請先關閉Arduino的serial監測器，否則Processing會告訴你接口被佔用)，一開始按run鍵時，通常會告訴你這句有錯：

xxxxxxxxxx
1
1
myPort = new Serial(this, Serial.list()[0], 115200);

這句是告訴Processing，哪個serial串口是接Arduino的，Processing上面的println(Serial.list());會列出所有的串口，如果是window電腦的話，會列出COMxx, COMxx等，確定哪一個是Arduino(去Arduino IDE看看上傳的序列埠就知道)。例如Processing列出的是：COM3 COM8 COM9，而你確定COM9是Arduino，那就將Serial.list()[0]改為Serial.list()[2]。

xxxxxxxxxx
14
1
void serialEvent(Serial myPort){
2
  String myString = myPort.readStringUntil('\n');
3
  myString = trim(myString);
4

5
  int data[] = int(split(myString, ','));
6

7
  for (int i = 0; i < data.length; i++) {
8
    print(data[i] + "     ");
9
  }
10
  println();
11

12
  x_position = data[0];
13
  y_position = data[1];
14
}

整段SerialEvent函數中，每次Serial串口收到資訊就會運行，用一String字串去紀錄收到的字串，例如現在收到的是127,242。

int data[] = int(split(myString, ',')); : split是把剛才收到的字串以逗記分隔開，再分別放入data[ ]這個陣列，所以現在data[0]是127，data[1]是242。

xxxxxxxxxx
4
1
for (int i = 0; i < data.length; i++) {
2
    print(data[i] + "     ");
3
  }
4
println();

之後再把再個data[ ]列印出來。

動動腦

1. 試在上面的例子 ，在Processing畫一個50x50的方型，其位置是剛才收到的x_position和y_position。(劃方型可參考這裡)

2. 試接兩個可變電阻，用analogRead接收(參考這裡)，把它照上面的方法在Arduino serial監視器列印出來。確定沒有錯後，再在Processing中，控制一個50x50的方型，用剛才的兩個可變電阻控制方型的位置。