Week02_02160393

今天要做的是小畫家!!!

void setup(){

  size(800,600); //畫布大小

}

void draw(){

  line(mouseX,mouseY,pmouseX,pmouseY); //畫線

} 

再加上背景的顏色

偵測滑鼠按下時出現畫筆

void setup(){

  size(800,600);

  background(#E6A7FF);  //背景顏色

}

void draw(){

  if(mousePressed)  //判斷滑鼠是否按下

  line(mouseX,mouseY,pmouseX,pmouseY);

} 

如何得知顏色代號

//初始設定

void setup(){ 

  size(800,600); 

//畫布大小

  background(#E6A7FF);

//背景顏色

  stroke(0,0,0);

//畫筆顏色

}

//重畫

void draw(){

  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);

//填滿顏色&畫方形(X,Y,長,寬)

} 

//如果滑鼠按下時觸發函式

void mousePressed(){

  if(mouseX<100 && mouseY<100) stroke(255,0,0);

  else if(mouseX<100 && mouseY<200) stroke(0,255,0); 

  else if(mouseX<100 && mouseY<300) stroke(0,0,255);

//如果在方框內 改變畫筆顏色

}

//如果滑鼠拖曳時觸發函式

void mouseDragged(){

   line(mouseX,mouseY,pmouseX,pmouseY);

}

float myWeight=1; //筆觸大小

color myColor=color(0); //筆觸顏色

void setup(){

  size(800,600);

  background(#E6A7FF);

  stroke(myColor);

}

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(myColor); strokeWeight(myWeight); //畫完之後調回原筆觸資訊

} 

void mousePressed(){

  if(mouseX<100 && mouseY<100) { myColor=color(255,0,0);}

  else if(mouseX<100 && mouseY<200) { myColor=color(0,255,0);} 

  else if(mouseX<100 && mouseY<300) { myColor=color(0,0,255);}

  if(mouseX>700) myWeight=mouseY/20; //點擊右側 根據Y座標更改筆觸大小

}

void mouseDragged(){

   line(mouseX,mouseY,pmouseX,pmouseY);

}

刮畫 程式製作!!!!!!

Q1

PImage imBG;

PImage imBlock;

void setup(){

  size(720,264);

  imBG=loadImage("imBG.jpg");  

  imBlock = createImage(720,264,ARGB);

  imBlock.loadPixels();

  for (int i = 0; i < imBlock.pixels.length; i++) {

  imBlock.pixels[i] = color(0,0,0,255); 

  }

  imBlock.updatePixels();

}

void draw(){

  image(imBG,0,0,width,height);

  image(imBlock,0,0,width,height); 

} 

void mouseDragged(){

  imBlock.loadPixels();

  imBlock.pixels[mouseX+mouseY*width] = color(0,0,0,0); 

  imBlock.updatePixels();  

}

Q2

PImage imBG;  //準備背景圖
PGraphics pgBlock; // MASK
void setup(){
  size(720,264);
  imBG=loadImage("imBG.jpg");
  pgBlock = createGraphics(720, 264);
  pgBlock.beginDraw();
  pgBlock.background(0);
  pgBlock.strokeWeight(30);
  pgBlock.stroke(0,0,0);
  pgBlock.endDraw();
}
void draw(){
  background(0);
  imBG.mask(pgBlock);
   image(imBG,0,0,width,height);
}

void mouseDragged(){
 pgBlock.beginDraw();
  pgBlock.stroke(255);
  pgBlock.line(mouseX,mouseY, pmouseX, pmouseY);
  pgBlock.endDraw();
 
}