“SKU:RB-13K058 愛上Processing入門套件”的版本間的差異

2016年11月9日 (三) 13:47的版本

產(chǎn)品概述

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

產(chǎn)品參數(shù)

1. 產(chǎn)品名稱：愛上 Processing 入門套件
2. 產(chǎn)品類型：互動新媒體入門套件
3. 產(chǎn)品貨號：RB - 13K058
4. 編程軟件：Arduino IDE，Processing IDE
5. 基礎(chǔ)模塊：超聲波傳感器、火焰?zhèn)鞲衅?、LED 發(fā)光模塊、尋線傳感器、單向傾角傳感器、磁感應(yīng)傳感器、顏色傳感器等傳感器器件
6. 控制方式：自主編程
7. 產(chǎn)品尺寸：23 * 16 * 5.5 cm
8. 重量：0.5 kg
9. 注意：本套件中不含主控制器 Starduino UNO R3

產(chǎn)品清單

編譯環(huán)境介紹

Processing 軟件介紹

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

工具欄快捷按鈕說明：

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

Arduino IDE 軟件介紹

Arduino入門教程
Arduino入門資源匯總
初識Arduino IDE

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ù)。這套程序會一直重復(fù)執(zhí)行，直到點擊停止按鈕。
注：這里介紹的是Processing 程序的基本架構(gòu)并不是一定要包含這兩個部分。

使用方法

第一個Processing程序

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

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

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

Processing與Arduino互動之LED指示燈

所需硬件

• Arduino LED發(fā)光模塊 食人魚燈 綠色高亮*1個
• Arduino LED發(fā)光模塊 食人魚燈 紅色高亮*1個
• Arduino LED發(fā)光模塊 食人魚燈 黃色高亮*1個
• Carduino UNO 控制器*1個
• Arduino Sensor Shield V5.0 傳感器擴(kuò)展板*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) { // 判斷鼠標(biāo)是否在方塊上
    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);// 方塊填充藍(lán)色
    textFont(font,50);//設(shè)置字體大小
    text("紅", 20, 165);
    }  
  if (mouseOverRectG() == true) {// 判斷鼠標(biāo)是否在方塊上
    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);// 方塊填充藍(lán)色
    textFont(font,50);//設(shè)置字體大小
    text("綠", 20+20+50, 165);
    } 
  if (mouseOverRectY() == true) {// 判斷鼠標(biāo)是否在方塊上
    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("把鼠標(biāo)移動到方塊上", 3, 50);
}
boolean mouseOverRectR() { // 測試鼠標(biāo)是否在方塊上
  return ((mouseX >= 20) && (mouseX <= 20+50) && (mouseY >= 120) && (mouseY <= 120+50));
}
boolean mouseOverRectG() { // 測試鼠標(biāo)是否在方塊上
  return ((mouseX >= 20+20+50) && (mouseX <= 20+50+20+50) && (mouseY >= 120) && (mouseY <= 120+50));
}
boolean mouseOverRectY() { // 測試鼠標(biāo)是否在方塊上
  return ((mouseX >= 20+20+50+20+50) && (mouseX <= 20+50+20+50+20+50) && (mouseY >= 120) && (mouseY <= 120+50));
}

將上面的程序文件復(fù)制到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 輸出窗口上移動鼠標(biāo),,當(dāng)鼠標(biāo)移動到顯示紅字方塊上,紅色LED 模塊亮起,移動到綠字方塊上綠 色LED 亮起,移動到黃字方塊上,黃色LED 亮起。 程序效果圖：

精選視頻

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

產(chǎn)品購買地址

Arduino提高版 愛上Processing套件

周邊產(chǎn)品推薦

愛上Processing套件配套入門教程

相關(guān)問題解答

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

相關(guān)學(xué)習(xí)資料

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