week01 阮致峰

1. 到 processing.org 下載windows64


2. 執行程式


3. 畫出線/面，並放大視窗
line(0,0,100,100)//從(0,0)到(100,100)畫一條線
size(800,600)//視窗大小放大到800*600
rect(100,100,300,300)//從(100,100)到(300,300)畫一個方


4. 文件 > 偏好設定 可以更改字體大小


5. 做互動
畫出一個800*600的綠色面
點下滑鼠變紅色
void setup() //(設定初始)視窗大小
{
     size(800,600);
}
void draw()  //(更新)畫背景
{
     if(mousePressed) background(255,0,0);
     else background(0,255,0);
}



6. 做簡易小畫家
void setup()  //(設定初始)視窗大小
{
   size(800,600); 
}
void draw()  //(更新)當按下滑鼠，畫出線(pmouseX為滑鼠前一個x位置)
{
   if(mousePressed) line(mouseX,mouseY,pmouseX,pmouseY);
}

7. 做出筆觸及顏色

void setup()  //(設定初始)視窗大小

{

   size(800,600); 

}

void draw()  //(更新)當按下滑鼠，畫出線(pmouseX為滑鼠前一個x位置)

{

   if(mousePressed) line(mouseX,mouseY,pmouseX,pmouseY);

}

void keyPressed()  //當滑鼠按下1,2,9改變筆觸大小，r,g,b改變顏色

{

 if(key=='1') strokeWeight(1); 

 if(key=='2') strokeWeight(2); 

 if(key=='9') strokeWeight(9); 

 if(key=='r') stroke(255,0,0);

 if(key=='g') stroke(0,255,0);

 if(key=='b') stroke(0,0,255);

}

p.s:對變顏色的程式碼按右鍵可以搜尋功能說明及同類型的其他函式