查看(RB-13K033)愛上Processing 互動入門套件的源代碼

[[文件:13K03301.png|400px|有框|右]]
==產(chǎn)品概述==
Processing 是一種具有革命前瞻性的新興計算機語言，它的概念是在電子藝術的環(huán)境下介紹程序語言，并將電子藝術的概念介紹給程序設計師。她是 Java 語言的延伸，并支持許多現(xiàn)有的 Java 語言架構，不過在語法 (syntax) 上簡易許多，并具有許多貼心及人性化的設計。Processing 可以在 Windows、MAC OS X、Linux 等操作系統(tǒng)上使用。以 Processing 完成的作品可在個人本機端作用，或以Java Applets 的模式外輸至網(wǎng)絡上發(fā)布。Processing 的源代碼是開放的，和近來廣受歡迎的 Linux 操作系統(tǒng)、Mozilla 瀏覽器、或 Perl 語言等一樣，用戶可依照自己的需要自由裁剪出最合適的使用模式。另外Processing 的應用非常豐富，而且它們全部遵守開放源代碼的規(guī)定，這樣的設計大幅增加了整個社群的互動性與學習效率。
==Carduino UNO 技術參數(shù)==
# 微處理器：ATmega328
# Flash 內存：32 KB (ATmega328 其中0.5 KB 用于引導程序）
# 工作電壓：5V
# 輸入電壓：接上USB 時無須外部供電或外部7V~12V DC 輸入
# 輸出電壓：5V DC 輸出和3.3V DC 輸出和外部電源輸入
# 時鐘頻率：16 MHz
# 輸入電壓：7-12V（推薦）
# 輸入電壓：6-20V（限制）
# 支持USB 接口協(xié)議及供電(不需外接電源)
# 支持ISP 下載功能
# 數(shù)字I/O 端口：14（6 個PWM 輸出口）
# 模擬輸入端口：6
# 直流電流：40mA（I/O 端口）
# 直流電流：50mA（3.3V 端口）
# EEPROM：1 KB (ATmega328)
# SRAM：2 KB (ATmega328)
# 尺寸：75x55x15mm
==編譯環(huán)境介紹==
===Processing 軟件介紹===
1.軟件下載與安裝<br/>
[https://processing.org/download/?processing Processing軟件官方下載地址]<br/>
軟件是綠色版本，軟件解壓縮后即可使用。目前最新版已經(jīng)更新到3.0<br/>
2.Processing 軟件使用說明<br/>
打開軟件只需雙擊執(zhí)行Processing.exe 執(zhí)行文件，就可以看到如下程序編譯窗口：<br/>
[[文件:13K03302.jpg|500px|有框|居中]]
工具欄快捷按鈕說明：<br/>
* 序號1：用來測試程序運行的結果和作品展示。也可以使用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 軟件介紹===
[http://www.alsrobot.com.cn/wiki/index.php?title=Arduino入門教程#Arduino.E7.BC.96.E8.AF.91.E7.8E.AF.E5.A2.83.E4.B8.8B.E8.BD.BD Arduino入門教程]<br/>
[http://www.alsrobot.com.cn/wiki/index.php?title=Arduino驅動的安裝 Carduino UNO 驅動安裝方法]<br/>
[http://www.alsrobot.com.cn/wiki/index.php?title=Arduino編程參考手冊（多頁面版） Arduino編程參考手冊]<br/>
==Processing基本語言==
Processing 使用起來要比其他編譯軟件更易懂，與Arduino 開發(fā)環(huán)境很相似，Processing 的編程語言更為簡單和人性化，Processing 編程語言基于JAVA 語言，但也可以使用其他語言，主要由于它將一些常用語句組合函數(shù)化。
===Processing 程序基本架構===
與Arduino 一樣一個Processing 程序分為兩部分；<br/>
void setup()<br/>
在這個函數(shù)里放置初始化Processing 的程序，使主循環(huán)程序在開始之前設置好相關參數(shù)。<br/>
void draw()<br/>
這是Processing 的主函數(shù)。這套程序會一直重復執(zhí)行，直到點擊停止按鈕。<br/>
注：這里介紹的是Processing 程序的基本架構并不是一定要包含這兩個部分。<br/>
==使用方法==
===第一個Processing程序===
打開軟件，將下面代碼復制到軟件中，然后單擊運行按鈕，會出現(xiàn)顯示輸出窗口
<pre style='color:blue'>
void setup()
{
size(500, 500);//設置畫布大小500*500像素
}
void draw() {
if (mousePressed) {//檢測鼠標按鍵是否按下
fill(0);//填充黑色
} else {
fill(255);//填充白色
}
ellipse(mouseX, mouseY, 60, 80);//以鼠標坐標為圓心畫橢圓
</pre>
程序效果：輸出窗口顯示為灰色畫面，然后在輸出窗口移動鼠標橢圓跟隨光標移動，點擊鼠標任意鍵橢圓變成黑色跟隨光標移動。
===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程序：<br/>
<pre style='color:blue'>
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);//設置字體大小
    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);//設置字體大小
    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);//設置字體大小
    text("黃", 20+20+50+20+50, 165);
    }
    fill(255,125,255); 
    textFont(font,25);//設置字體大小
    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));
}
</pre>
將上面的程序文件復制到Processing編譯器中，注意其中的“COM6”需要根據(jù)每個人電腦中UNO的串口不同而各異。
Arduino 端程序：<br/>
<pre style='color:blue'>
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); // 設置引腳為輸出
   pinMode(Gled, OUTPUT); // 設置引腳為輸出
   pinMode(Yled, OUTPUT); // 設置引腳為輸出
   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); // 關掉紅燈
     }
   if (val == 'G') { //判斷讀取的是否是"G"
     digitalWrite(Gled, 255); // 點亮綠燈
   } else{
       digitalWrite(Gled, 0); // 關掉綠燈
     }
   if (val == 'Y') { // 判斷讀取的是否是"Y"
     digitalWrite(Yled, 255); //點亮黃燈
   } else{
       digitalWrite(Yled, 0); //關掉黃燈
     }
}
</pre>
程序效果：連接Arduino 控制器后，點擊Processing 上的運行按鈕，在Processing 輸出窗口上移動鼠標,,當鼠標移動到顯示紅字方塊上,紅色LED 模塊亮起,移動到綠字方塊上綠
色LED 亮起,移動到黃字方塊上,黃色LED 亮起。
程序效果圖：<br/>
[[文件:13K03304.jpg|500px|有框|居中]]
==產(chǎn)品相關推薦==
[[文件:erweima.png|230px|無框|右]]
===產(chǎn)品購買地址===
[https://item.taobao.com/item.htm?spm=a1z10.3-c.w4002-3667083713.9.njRL66&id=15326415726 Arduino提高版 愛上Processing套件]<br/>
===周邊產(chǎn)品推薦===
[https://item.taobao.com/item.htm?spm=a1z10.3-c.w4002-3667083713.18.njRL66&id=36781667518 愛上Processing套件配套入門教程]<br/>
===相關問題解答===
[http://www.makerspace.cn/forum.php?mod=viewthread&tid=5472&highlight=processing Processing軟件運行不成功？]<br/>
[http://www.makerspace.cn/forum.php?mod=viewthread&tid=4443&fromuid=10780 Processing 從下載到安裝遇到的一些問題及解決辦法]<br/>
[http://www.makerspace.cn/forum.php?mod=viewthread&tid=1295&highlight=processing Arduino與Processing有什么區(qū)別？]<br/>
[http://www.makerspace.cn/forum.php?mod=viewthread&tid=4413&fromuid=10780 怎樣用Processing設計出用圖形和文字拼出的圖案？]<br/>
===相關學習資料===
[http://www.makerspace.cn/forum.php?mod=viewthread&tid=1397&highlight=processing 愛上Arduino與愛上Processing互動之視頻合集]<br/>
[http://www.makerspace.cn/forum.php?mod=viewthread&tid=353&fromuid=10780 arduino和processing通訊]<br/>
[http://www.makerspace.cn/portal.php 奧松機器人技術論壇]<br/>