Week01*互動技術課堂筆記*

【利用Processing】

評分標準:

*課堂作業*

*期中作品*

*期末作品*

1.畫出點與線

程式碼:

line(0,0,100,100); //畫出頂點(0,0)到(1,1)的一條線

2.調整視窗並畫出直線與正方形

程式碼:

size(600,400); //長600寬400

line(0,0,100,100); //畫出頂點(0,0)到(1,1)的一條線

rect(10,10,50,50); //從頂點(10,10)到(50,50)的正方形

3.固定視窗並用滑鼠位置畫出直線

<使用setup()函式與draw()函式>

程式碼:

void setup(){           //建立一個視窗違常600寬400的環境(只做一次這樣的動作)

  size(600,400);

}

void draw(){            //畫出

  line(mouseX,mouseY,pmouseX,pmouseY);   //"現在滑鼠的位置"到"先前滑鼠的位置"的線

  rect(10,10,50,50);   //一樣放一個頂點在(10,10)到(50,50)的正方形

}

4.更改筆刷顏色與粗細度(一)

<使用key，stroke()和strokeWeight()函式>

程式碼:

void setup(){

  size(600,400);

}

void draw(){

  if(key=='1'){strokeWeight(5);stroke(#C61414);}   //當按下鍵盤數字1，滑鼠筆刷粗度5，顏色為紅色
  if(key=='2'){strokeWeight(10);stroke(#2ACECA);}  //當按下鍵盤數字2，滑鼠筆刷粗度10，顏色為藍色

  line(mouseX,mouseY,pmouseX,pmouseY);

  rect(10,10,50,50);

}

5.更改筆刷顏色與粗細度(二)

<工具-顏色選擇器-選取顏色後將右下方代碼複製貼入程式中>

<整體呈現>

【OpenProcessing賞析】

<google搜尋OpenProcessing>

網址:
https://www.openprocessing.org/sketch/178381

用滑鼠點下後出現許多泡泡隨意延伸至尖端

畫面看起來很美

網址:

https://www.openprocessing.org/sketch/444445

經由滑鼠碰過的地方將會散開，條碼產生律動感