week02 Steven課堂筆記

1.欣賞互動作品
https://www.openprocessing.org/sketch/421462
2.做出簡易互動程式
void setup(){
  size(400,400);
}
int R=30;
void draw(){
  ellipse(mouseX,mouseY,R,R);
  R-=3;
半徑遞減
  if(R<0)R=30;
}

加上漸層色彩
void setup(){
  size(500,500);
  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(500,500);
  colorMode(HSB,100);
}
int R=50,H=0;
int CX=250,CY=250;
void draw(){
  fill(H,100,100);
  ellipse(CX,CY,R,R);
  R-=2;
  CX+=random(30)-15;
  CY+=random(30)-15;
  if(R<0){
  R=30;
  CX=250;
  CY=250;
  }
  H++;
  if(H>=100) H=0;
}

讀入照片
PImage img;
void setup(){
  size(800,600);
  img=loadImage("moomin.jpg");
}
void draw(){
  image(img,mouseX,mouseY,100,100);
}

照片+背景
PImage img,imgBG;
void setup(){
  size(1280,720);
  img=loadImage("moomin.jpg");
  imgBG=loadImage("back.jpg");
}
void draw(){
  background(255,255,0);
  ///image(imgBG,0,0,width,height);
  image(img,mouseX,mouseY,100,130);
}