(RB-13K033)愛上Processing 互動入門套件

來自ALSROBOT WiKi
2015年9月17日 (四) 13:32Arduino77（討論 | 貢獻）的版本

跳轉(zhuǎn)至： 導航、 搜索
13K03301.png

目錄

產(chǎn)品概述

Processing 是一種具有革命前瞻性的新興計算機語言，它的概念是在電子藝術(shù)的環(huán)境下介紹程序語言，并將電子藝術(shù)的概念介紹給程序設(shè)計師。她是 Java 語言的延伸，并支持許多現(xiàn)有的 Java 語言架構(gòu)，不過在語法 (syntax) 上簡易許多，并具有許多貼心及人性化的設(shè)計。Processing 可以在 Windows、MAC OS X、Linux 等操作系統(tǒng)上使用。以 Processing 完成的作品可在個人本機端作用，或以Java Applets 的模式外輸至網(wǎng)絡(luò)上發(fā)布。Processing 的源代碼是開放的，和近來廣受歡迎的 Linux 操作系統(tǒng)、Mozilla 瀏覽器、或 Perl 語言等一樣，用戶可依照自己的需要自由裁剪出最合適的使用模式。另外Processing 的應(yīng)用非常豐富，而且它們?nèi)孔袷亻_放源代碼的規(guī)定，這樣的設(shè)計大幅增加了整個社群的互動性與學習效率。

Carduino UNO 技術(shù)參數(shù)

  1. 微處理器：ATmega328
  2. Flash 內(nèi)存：32 KB (ATmega328 其中0.5 KB 用于引導程序）
  3. 工作電壓：5V
  4. 輸入電壓：接上USB 時無須外部供電或外部7V~12V DC 輸入
  5. 輸出電壓：5V DC 輸出和3.3V DC 輸出和外部電源輸入
  6. 時鐘頻率：16 MHz
  7. 輸入電壓：7-12V（推薦）
  8. 輸入電壓：6-20V（限制）
  9. 支持USB 接口協(xié)議及供電(不需外接電源)
  10. 支持ISP 下載功能
  11. 數(shù)字I/O 端口：14（6 個PWM 輸出口）
  12. 模擬輸入端口：6
  13. 直流電流：40mA（I/O 端口）
  14. 直流電流：50mA（3.3V 端口）
  15. EEPROM：1 KB (ATmega328)
  16. SRAM：2 KB (ATmega328)
  17. 尺寸：75x55x15mm

編譯環(huán)境介紹

Processing 軟件介紹

1.軟件下載與安裝
Processing軟件官方下載地址
軟件是綠色版本，軟件解壓縮后即可使用。目前最新版已經(jīng)更新到3.0
2.Processing 軟件使用說明
打開軟件只需雙擊執(zhí)行Processing.exe 執(zhí)行文件，就可以看到如下程序編譯窗口：

13K03302.jpg

工具欄快捷按鈕說明：

  • 序號1：用來測試程序運行的結(jié)果和作品展示。也可以使用Ctrl+R 快捷鍵。
  • 序號2：停止執(zhí)行：點擊按鈕可以停止當前運行的程序。
  • 序號3：新建文件：點擊按鈕會打開一個新程序窗口。
  • 序號4：打開：點擊按鈕會出現(xiàn)Processing 自帶的例子文件和自己創(chuàng)建的文件名稱。
  • 序號5：保存：點擊保存當前程序代碼。第一次存儲會要求輸入保存位置和文件名稱。
  • 序號6：導出：導出功能會在文件夾所在的路徑中生成一個applet 文件夾舊版Processing 會生成多種格式文件html、gif、jar、java、pde 這些格式是為了方便在瀏覽器中瀏覽作品而生成的。新版的Processing 在輸出的時候會出現(xiàn)導出選項方便導出在在各種系統(tǒng)中運行的文件。

Arduino IDE 軟件介紹

Arduino入門教程
Carduino UNO 驅(qū)動安裝方法
Arduino編程參考手冊

Processing基本語言

Processing 使用起來要比其他編譯軟件更易懂，與Arduino 開發(fā)環(huán)境很相似，Processing 的編程語言更為簡單和人性化，Processing 編程語言基于JAVA 語言，但也可以使用其他語言，主要由于它將一些常用語句組合函數(shù)化。

Processing 程序基本架構(gòu)

與Arduino 一樣一個Processing 程序分為兩部分；
void setup()
在這個函數(shù)里放置初始化Processing 的程序，使主循環(huán)程序在開始之前設(shè)置好相關(guān)參數(shù)。
void draw()
這是Processing 的主函數(shù)。這套程序會一直重復執(zhí)行，直到點擊停止按鈕。
注：這里介紹的是Processing 程序的基本架構(gòu)并不是一定要包含這兩個部分。

使用方法

第一個Processing程序

打開軟件，將下面代碼復制到軟件中，然后單擊運行按鈕，會出現(xiàn)顯示輸出窗口 

void setup()
{
size(500, 500);//設(shè)置畫布大小500*500像素
}
void draw() {
if (mousePressed) {//檢測鼠標按鍵是否按下
fill(0);//填充黑色
} else {
fill(255);//填充白色
}
ellipse(mouseX, mouseY, 60, 80);//以鼠標坐標為圓心畫橢圓

程序效果：輸出窗口顯示為灰色畫面，然后在輸出窗口移動鼠標橢圓跟隨光標移動，點擊鼠標任意鍵橢圓變成黑色跟隨光標移動。

Processing與Arduino互動之LED指示燈

所需硬件

  • Arduino LED發(fā)光模塊 食人魚燈 綠色高亮*1個
  • Arduino LED發(fā)光模塊 食人魚燈 紅色高亮*1個
  • Arduino LED發(fā)光模塊 食人魚燈 黃色高亮*1個
  • Carduino UNO 控制器*1個
  • Arduino Sensor Shield V5.0 傳感器擴展板*1個
  • 3P傳感器連接線*3條

例子程序

Processing程序：

import processing.serial.*;
Serial myPort;  // 創(chuàng)建串口名稱
PFont font;//創(chuàng)建字體變量
void setup() 
{
    size(230, 200);//畫布大小
    myPort = new Serial(this,"COM6",9600);//串口初始化
    font = createFont("楷體",48,true);//載入系統(tǒng)字體
}
void draw() {
  background(255);//背景顏色
  if (mouseOverRectR() == true) { // 判斷鼠標是否在方塊上
    fill(255,0,0);// 方塊填充綠色
    myPort.write('R'); // 串口發(fā)送‘R’
    rect(20, 120, 50, 50);// 繪制一個方塊
  }else{
    fill(125);
    rect(20, 120, 50, 50);// 繪制一個方塊
    fill(255,0,0);// 方塊填充藍色
    textFont(font,50);//設(shè)置字體大小
    text("紅", 20, 165);
    }  
  if (mouseOverRectG() == true) {// 判斷鼠標是否在方塊上
    fill(0,255,0);// 方塊填充綠色
    myPort.write('G');// 串口發(fā)送‘G’
    rect(20+20+50, 120, 50, 50);// 繪制一個方塊
  } else{
    fill(125);
    rect(20+20+50, 120, 50, 50);// 繪制一個方塊
    fill(0,255,0);// 方塊填充藍色
    textFont(font,50);//設(shè)置字體大小
    text("綠", 20+20+50, 165);
    } 
  if (mouseOverRectY() == true) {// 判斷鼠標是否在方塊上
    fill(255,255,0);// 方塊填充黃色
    myPort.write('Y');// 串口發(fā)送‘B’
    rect(20+20+50+20+50, 120, 50, 50);// 繪制一個方塊
  }else{
    fill(125);
    rect(20+20+50+20+50, 120, 50, 50);// 繪制一個方塊
    fill(255,255,0);// 方塊填充黃色
    textFont(font,50);//設(shè)置字體大小
    text("黃", 20+20+50+20+50, 165);
    }
    fill(255,125,255); 
    textFont(font,25);//設(shè)置字體大小
    text("把鼠標移動到方塊上", 3, 50);
}
boolean mouseOverRectR() { // 測試鼠標是否在方塊上
  return ((mouseX >= 20) && (mouseX <= 20+50) && (mouseY >= 120) && (mouseY <= 120+50));
}
boolean mouseOverRectG() { // 測試鼠標是否在方塊上
  return ((mouseX >= 20+20+50) && (mouseX <= 20+50+20+50) && (mouseY >= 120) && (mouseY <= 120+50));
}
boolean mouseOverRectY() { // 測試鼠標是否在方塊上
  return ((mouseX >= 20+20+50+20+50) && (mouseX <= 20+50+20+50+20+50) && (mouseY >= 120) && (mouseY <= 120+50));
}

將上面的程序文件復制到Processing編譯器中，注意其中的“COM6”需要根據(jù)每個人電腦中UNO的串口不同而各異。 Arduino 端程序：

char val; // 串口接收寄存器
int Rled = 11; // 紅色LED接在數(shù)字11引腳
int Gled = 12; // 綠色LED接在數(shù)字12引腳
int Yled = 13; // 黃色LED接在數(shù)字13引腳
void setup() {
   pinMode(Rled, OUTPUT); // 設(shè)置引腳為輸出
   pinMode(Gled, OUTPUT); // 設(shè)置引腳為輸出
   pinMode(Yled, OUTPUT); // 設(shè)置引腳為輸出
   Serial.begin(9600); // 串口初始化
}
void loop() {
   if (Serial.available()) { // 判斷串口是否有數(shù)據(jù)
   val = Serial.read(); // 讀回來的數(shù)據(jù)存儲在val中
   }
   if (val == 'R') { // 判斷讀取的是否是"R"
     digitalWrite(Rled, 255); // 點亮紅燈
   } else{
       digitalWrite(Rled, 0); // 關(guān)掉紅燈
     }
   if (val == 'G') { //判斷讀取的是否是"G"
     digitalWrite(Gled, 255); // 點亮綠燈
   } else{
       digitalWrite(Gled, 0); // 關(guān)掉綠燈
     }
   if (val == 'Y') { // 判斷讀取的是否是"Y"
     digitalWrite(Yled, 255); //點亮黃燈
   } else{
       digitalWrite(Yled, 0); //關(guān)掉黃燈
     }
}

程序效果：連接Arduino 控制器后，點擊Processing 上的運行按鈕，在Processing 輸出窗口上移動鼠標,,當鼠標移動到顯示紅字方塊上,紅色LED 模塊亮起,移動到綠字方塊上綠 色LED 亮起,移動到黃字方塊上,黃色LED 亮起。 程序效果圖：

13K03304.jpg

產(chǎn)品相關(guān)推薦

Erweima.png

產(chǎn)品購買地址

Arduino提高版 愛上Processing套件

周邊產(chǎn)品推薦

愛上Processing套件配套入門教程

相關(guān)問題解答

Processing軟件運行不成功？
Processing 從下載到安裝遇到的一些問題及解決辦法
Arduino與Processing有什么區(qū)別？
怎樣用Processing設(shè)計出用圖形和文字拼出的圖案？

相關(guān)學習資料

愛上Arduino與愛上Processing互動之視頻合集
arduino和processing通訊
奧松機器人技術(shù)論壇