2018年9月13日 星期四

week01 Steven課堂筆記

1.下載processing
https://processing.org/download/
2.簡單執行測試processing
畫出直線
line(0,0,100,100);
從點(0,0)畫直線到(100,100)


調整視窗大小
size(800,600);
視窗大小變成寬800長600的尺寸
line(0,0,100,100);
從點(0,0)畫直線到(100,100)

加上一個方塊
size(800,600);
視窗大小變成寬800長600的尺寸
line(0,0,100,100);
從點(0,0)畫直線到(100,100)
rect(100,100,300,300);
在點(100,100)畫出一格300*300的方格

3.做出簡單互動
void setup(){
  size(800,600);
}
void draw(){
  if(mousePressed) background(255,0,0);
滑鼠按下顯示紅色
  else background(0,255,0);
沒按下則顯示綠色
}


4.簡易小畫家
void setup(){
  size(800,600);
}
void draw(){
  if(mousePressed) line(mouseX,mouseY,pmouseX,pmouseY);
  滑鼠按下則畫線,從滑鼠一開始的(x,y)到結束的(x,y)
}

加上其他功能
void setup(){
  size(800,600);
}
void draw(){
  if(mousePressed)  line(mouseX,mouseY,pmouseX,pmouseY);
}
void keyPressed(){
  if(key=='1') strokeWeight(1);
  按下1時筆粗1
  if(key=='2') strokeWeight(2);
 按下2時筆粗2
  if(key=='9') strokeWeight(9);
 按下9時筆粗9
  if(key=='r') stroke(255,0,0);
 按下r時顏色變紅色
  if(key=='g') stroke(0,255,0);
按下g時顏色變綠色
  if(key=='b') stroke(0,0,255);
按下b時顏色變藍色
}

沒有留言:

張貼留言