W02 陳泓丞的課堂筆記

N01

參考OpenProcessing.org的程式，並試著做出它



N02

void setup()
{
  size(450,450); 
}
int R=40;
void draw()
{
  if(mousePressed) ellipse(mouseX,mouseY, R,R);
  R-=2;
  if(R<0) R=40;
}

按下滑鼠會產生從固定大小遞減的圓



N03

void setup()
{
  size(450,450);
  colorMode(HSB,200);
}
int R=40,H=0;
void draw()
{
  if(mousePressed)
  {
    fill(H,200,200);
    ellipse(mouseX,mouseY, R,R);
    R-=2;
    if(R<0) R=40;
    H++;
    if(H>=200) H=0;
  }
}

加入漸層色彩的功能



N04

void setup()
{
  size(450,450);
  colorMode(HSB,200);
}
int R=40,H=0;
int CirX=225,CirY=225;
void draw()
{
  if(mousePressed)
  {
    fill(H,200,200);
    ellipse(CirX,CirY, R,R);
    CirX+=random(30)-15;
    CirY+=random(30)-15;
    R-=2;
    if(R<0)
    {
      R=40;
      CirX=225;CirY=225;
    }
    H++;
    if(H>=200) H=0;
  }
}

加入亂數產生圓圈生成位置



N05

讀入圖檔

PImage G01;
void setup()
{
  size(1280,720);
  G01 = loadImage("S01.png");
}
void draw()
{
  image(G01,mouseX,mouseY);
}

打上檔名後，要把圖檔拖曳至開發視窗裡，可用 Ctrl K打開資料夾



N06

清空背景，使其不會有殘影

PImage G01;
void setup()
{
  size(1280,720);
  G01 = loadImage("S01.png");
}
void draw()
{
  background(255,255,0);
  image(G01,mouseX,mouseY);
}



N07

PImage G01, G02;
void setup()
{
  size(1280,720);
  G01 = loadImage("S02.png");
  G02 = loadImage("S03.jpg");
}
void draw()
{
  image(G02, 0, 0, width,height);
  image(G01,mouseX,mouseY, 200, 100);
}

把圖片讀進背景，紅字為設定圖片寬高，若無則為原圖大小