More Related Content Similar to Processing Tutorial - Create your interactive program in a click~ (20) More from CAVEDU Education (20) Processing Tutorial - Create your interactive program in a click~12. 本日流程
• 9:30 CAVE教育團隊簡介
• 9:50 Processing 環境安
裝 設定 Android SDK 資
料夾 與Android 裝置驅動
程式 介紹Processing IDE
與程式基礎架構 第一支
Processing 程式 - 繪製幾
何圖形
• 10:30 結合鍵盤與滑鼠動
作 按下不同的按鍵畫出各
種圖形與線條 滑鼠點擊與
拖拉 - 小畫家
• 13:00 將Processing 專案
執行於手機
如何下載外部函式庫
觸碰互動小球範例
• 15:30 取得手機的硬體狀
態
加速度、姿態感測器
取得座標
• 16:50 結語、賦歸
13. Processing簡介
• Processing 由Ben Fry 及Casey Reas 發起,並且是由
MIT Media Lab的Aesthetics and Computation Group
的構想發展出來的。
• Processing 開放原始碼的程式語言及開發環境,以Java語
法為基礎,可轉換為Java程式,主要用於藝術、影像、影
音設計與處理。支援的平台有Linux、Mac OS X及
Windows。
• 現在 Processing 可與 Arduino 嵌入式開發進行互動,更
可結合 Android 行動裝置。
19. 003:三個小圓
1. smooth();
2. background(255);
3. noStroke();
4. // Bright red
5. fill(255,0,0);
6. ellipse(20,20,16,16);
7. // Dark red
8. fill(127,0,0);
9. ellipse(40,20,16,16);
10. // Pink (pale red)
11. fill(255,200,200);
12. ellipse(60,20,16,16);
22. 004:透明度
1. // Example 1-4: Alpha Transparency
2. size(200,200);
3. background(0);
4. noStroke();
5. // No fourth argument means 100%
opacity.
6. fill(0,0,255);
7. rect(0,0,100,200);
8. // 255 means 100% opacity.
9. fill(255,0,0,255);
10.rect(0,0,200,40);
11.// 75% opacity.
12.fill(255,0,0,191);
13.rect(0,50,200,40); //以下省略