week02矮矮的筆記

複習上周

實作1:

上https://www.openprocessing.org/找到一個覺得有趣的玩

試做其中一個遊戲

點點會變小
噁心蟲蟲遊戲(滑鼠要動唷

程式碼;
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(400,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(30)-15;
   CircleY+=random(30)-15;
   if(R<0) 
   {
     R=50;
     CircleX=200; CircleY=200;
   }
   H++;
   if(H>=100) H=0;
}
(藍色為增加的程式碼




實作2:
讀圖檔

程式碼:
PImage img;
void setup()
{
  size(1280,720);
  img = loadImage("pooh.jpg");
}
void draw()
{
  image(img, mouseX,mouseY);
}

有白白的背景太噁心了
來個維尼中的維尼XDD

程式碼:

PImage img, imgBG;

void setup()

{

  size(1280,720);

  img = loadImage("pooh1.png");

  imgBG = loadImage("house.jpg");

}

void draw()

{

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

  image(img, mouseX,mouseY);

}

(要png檔才不會有白白的背景唷