Week07 欣儀的課堂筆記

Part1 手繪半透明圖片製作

在小畫家中繪製插圖

將繪製好的圖片複製到3D小畫家之中
選取上方的魔術選取
接著調整選取範圍
按下完成

將背景全部選取，按下右側的垃圾桶(刪除鍵)

順利將圖片去除背景，儲存為PNG檔

將圖片寫入Processing程式之中，背景設為黃色
完成半透明圖片的動作

 Code: 

PImage img1;
void setup(){
  size(500,500);
  img1=loadImage("heart1.png");
}
void draw(){
  background(255,255,0);
  image(img1,100,100);
}

---

Part2 切換圖片

當移動時，會切換成另一張圖片。

 Code: 

PImage img1, img2;
void setup(){
  size(500,500);
  img1=loadImage("heart1.png");
  img2=loadImage("heart2.png");
  imageMode(CENTER);//圖片至中
}
float heartX=250, heartY=300;
int run=0;
void draw(){
  background(255,255,0);
  if(run==1)image(img2,heartX,heartY);
  else image(img1,heartX,heartY);
}
void keyPressed(){
  run=1; heartX--;
}
void keyReleased(){
  run=0;
}

---