Week 02 宋侑恩

Week 02 Part 1 - 跟著滑鼠移動畫出的小圓圈

程式碼：

void setup(){
  size(400,400);
}
int R=30;
void draw(){
  ellipse(mouseX,mouseY,R,R);
}

Week 02 Part 1-2 - 跟著滑鼠移動畫出半徑不斷減小的圓圈

程式碼：

void setup(){
  size(400,400);
}
int R=30;
void draw(){
  ellipse(mouseX,mouseY,R,R);
  R-=3;
  if(R<0) R=30;
}

Week 02 Part 1-3 - 跟著滑鼠移動畫出半徑不斷減小的彩色圓圈

程式碼：

void setup(){
  size(400,400);
  colorMode(HSB,100); ///色彩模式(mode,max);
}
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;
}

Week 02 Part 1-3 - 畫出類似 Open Processing網站上的作品

程式碼：

void setup(){
  size(400,400);
  colorMode(HSB,100);
}
int R=30,H=0;
int CircleX=200,CircleY=200;
void draw(){
  fill(H,100,100);
  ellipse(CircleX,CircleY,R,R); ///從(200,200)中心位置開始畫
  R-=2;
  CircleX+=random(30)-15; ///-15 ~ +15
  CircleY+=random(30)-15; /// -15 ~ +15
  if(R<0){
    R=50;
    CircleX=200; CircleY=200;
  }
  H++;
  if(H>100) H=0;
}

Week 02 Part 2 - 利用讀檔做出電腦當機的效果

將照片檔案直接拖曳到視窗中

按 Ctrl+k 可以查看資料夾，會發現剛剛拖曳進去的照片在data資料夾中

程式碼：

PImage img;
void setup(){
  size(1280,720);
  img=loadImage("error.jpg"); ///讀圖檔
}
void draw(){
  image(img,mouseX,mouseY,230,150); ///230,150是指圖片的長寬
}

Week 02 Part 3 - 加入背景讓圖片在背景上滑動

程式碼：

PImage img,imgBG;
void setup(){
  size(1280,720);
  img=loadImage("Splatoon2.png"); ///logo圖示
  imgBG=loadImage("Background.jpg"); ///背景

}
void draw(){
  image(imgBG,0,0,width,height);
  image(img,mouseX,mouseY);
}