筆記~互動技術 Week01

Processing 4.0b8

1.開新檔案：Crtl+N。

2.工具/顏色選擇器：可以在這邊選顏色生成色碼。

3.processing 轉 p5.js（網頁版）：https://pde2js.herokuapp.com/

4.靜態模式和動態模式不可同時使用。

(1) 動態模式：程式內有void。

(2) 靜態模式：程式內沒有函式。

5.遇到不懂的字：在字上按滑鼠右鍵，選在參考文件裡找選取的字。

函式

1.只在開始時執行一次：void setup(){ 程式 }
2.一秒執行60次：void draw(){ 程式 }
3.按下鍵盤按鍵時執行：void keyPressed(){ 程式 }

程式

1.視窗大小：size(寬, 高);

2.視窗背景色：background(色碼);

3.填充物件顏色：fill(色碼);

4.四邊形：rect(座標x,座標y, 寬,高);

5.線條顏色：stroke(色碼);

6.線條：line(座標x1,座標y1, 座標x2,座標y2);

值

1.滑鼠座標（現在）：mouseX、mouseY。

2.滑鼠座標（之前）：pmouseX、pmouseY。

3.鍵盤按鍵：key。

判斷

1.壓著滑鼠：mousePressed。

執行

1.畫兩個四邊形（靜態）。

2.畫兩個四邊形（動態）。

3.畫兩個四邊形（動態，網頁版）。

4.滑鼠畫線。

5.滑鼠畫線，鍵盤換色。