Week 02_02160074_張凱晴

line(mouseX, mouseY, 起始點, 結束點);

從 Tools 的 Color Selector 可以開啟調色盤

從調色盤選一顏色的代碼當作背景顏色

增加畫筆的顏色選項

可以從 Help 的 Reference 查詢函式用法

增加畫筆的粗細選項

程式碼：
void setup(){
   size(800, 600);
   background(#E0FFFD); ///背景顏色
   stroke(0); ///畫筆顏色
}
float myRoughPen=1;
color myStroke=color(0);
void draw(){
  stroke(0); strokeWeight(1);
  fill(255, 0, 0); rect(0, 0, 100, 100); ///顯示出各區域的顏色
  fill(0, 255, 0); rect(0, 100, 100, 100);
  fill(0, 0, 255); rect(0, 200, 100, 100);
  stroke(myStroke); strokeWeight(myRoughPen);
}
void mouseDragged(){ ///dragged(拖曳)
  line(mouseX, mouseY, pmouseX, pmouseY);
}
void mousePressed(){  ///pressed(壓)
  if(mouseX<100 && mouseY<100){myStroke=color(255, 0, 0);}
///點選此區域，則畫筆變成此區域的顏色
  else if(mouseX<100 && mouseY<200){myStroke=color(0, 255, 0);}
  else if(mouseX<100 && mouseY<300){myStroke=color(0, 0, 255);}
  if(mouseX>700) myRoughPen=mouseY/30;　///畫筆粗細調整
}


刮畫：

程式碼：
PImage imgBG;
PGraphics pgBlack;
void setup(){
  size(800, 600);
  imgBG=loadImage("gradient colors.jpg");
  imgBG.resize(800, 600);
  pgBlack=createGraphics(800, 600);
  pgBlack.beginDraw();
  pgBlack.background(0);
  pgBlack.strokeWeight(50);
  pgBlack.stroke(0, 0, 0, 20);
  pgBlack.endDraw();
}
void draw(){
  background(0);
  imgBG.mask(pgBlack);
  if(keyPressed) image(pgBlack, 0, 0);
  else image(imgBG, 0, 0, width, height);
}
void mouseDragged(){
  pgBlack.beginDraw();
  pgBlack.strokeWeight(30); pgBlack.stroke(255);
  pgBlack.line(mouseX, mouseY, pmouseX, pmouseY);
  pgBlack.endDraw();
}