Processing - 開發Android App

相信大家上網Google合併搜尋Processing和Android應該會出現這篇官方文章：Github - Processing

根據小弟我自己的操作後，發現有點卡卡的，後來發現是我自己的Processing版本太久，建議大家趕快更新到Processing 3，icon會變這樣：

下載連結：Processing 3

Step1：設定Sketchbook location

若你是第一次使用Processing可以跳過，若你曾安裝過其他版本，建議修改Sketchbook location，或者將舊資料夾內的資料都刪除。

選擇工具列上的Processing -> Preferences

更新新的路徑

更新後重新開啟，確認資料夾內是不是有這些檔案。

Step2. 增加Android開發模組

點擊右上角有Java字樣下拉式選單。

跳出新的視窗後，選擇Modes的Tab(頁籤)，選擇Android Mode，點下右下角的Install後就會開始安裝了。

Step3. 開始開發吧！

切換到Android Mode

貼上以下程式碼：

 int red = 255;  
 int time = 0;  
 int diameter = 50;  
 void setup() {  
  size(400, 400);  
 }  
 void draw() {  
  time = time + 1;     
  red = int(128 * (1 + sin(time * 2 * PI / frameRate / 20)));   
  diameter = int(50 * (1 + sin( time * 2 * PI / frameRate / 5))); // Change the circle's diameter with the time  
  noStroke();         
  fill(red, 0, 0, 50); // Add a 50% transparency to the color  
  ellipse(mouseX, mouseY, diameter, diameter);   
 }  

這裏不解釋程式碼，可以親自到官方找各種教學，或者期待小弟我有新文章～ＸＤ

Step4. 燒錄到手機內

* 為什麼不燒錄到模擬器就好？因為很慢，不信的話可以自己試看看。

打開手機的Debug(開發者)模式。

到"設定"內的"開發人員選項"，如果沒有的話，請根據各家廠牌的手機開啟此隱藏功能。之後載把"USB偵錯"功能打開。如下圖：

 將USB線兩端各自插上電腦和手機，應該要可以從手機的系統通知欄看到下面訊息。

之後就可以回到Processing IDE(開發環境)將剛剛貼上的程式碼燒錄到Android手機內。

你有兩種方式可以使用，應該都是一樣效果的。

你可以點擊左上角的執行按鈕

或者你可以從工具列上的Sketch -> Run on Device。

Step5. 玩玩看你剛剛的作品