week02_焦焦焦

複習上週進度(畫線):





課堂作業(1):

讀圖、上色彩

void setup(){
  size(600,400);
  colorMode(HSB,100);
}
int R=30, H=0;
void draw(){
  fill(H,100,100);
  ellipse(mouseX,mouseY, R,R);
  R-=3;
  if(R<0) R=30;
  H++;
  if(H>=100) H=0;
}



先前圖檔是以滑鼠作標控制位置，

void setup(){
  size(400,400);
  colorMode(HSB,100);
}
int R=50, H=0;
int CircleX=200,CircleY=200;
void draw(){
  fill(H,100,100);
  ellipse(CircleX,CircleY, R,R);
  R-=2;
  CircleX+=random(10);
  CircleY+=random(10);
  if(R<0){
  R=50;
  CircleX=200; CircleY=200;
  }
  H++;
  if(H>=100) H=0;
}

*下圖開始則是以CircleX,CircleY使圖檔亂跑，random(10)則是亂數1~10，數值都是正的所以只會往右下角跑。



更改random數值:

void setup(){
  size(400,400);
  colorMode(HSB,100);
}
int R=50, H=0;
int CircleX=200,CircleY=200;
void draw(){
  fill(H,100,100);
  ellipse(CircleX,CircleY, R,R);
  R-=2;
  CircleX+=random(30)-15;
  CircleY+=random(30)-15;
  if(R<0){
  R=50;
  CircleX=200; CircleY=200;
  }
  H++;
  if(H>=100) H=0;
}

*此時設成random(30)-15，數值有正負值，所以圖檔就會四處亂跑。



課堂作業(2):

讀圖檔

PImage img = loadImage("123.jpg");
image(img , 0,0);

*將網頁下載的圖檔拉到程式碼裡頭，loadImage("檔案名稱")";



讀出一個跟著滑鼠一起移動的圖檔

PImage img;
void setup(){
  size(800,600);
  img = loadImage("123.jpg");
}
void draw(){
  image(img, mouseX,mouseY, 100,100);
}



課堂作業(3):

PImage img, imgBG;
void setup(){
  size(1280,720);
  img = loadImage("456.png");     *主角找一張半透明的圖檔(.png)
  imgBG = loadImage("11.jpg");     *背景
}
void draw(){
  image(imgBG, 0,0, width,height);
  image(img, mouseX,mouseY, 100,130);
}