Week 02 邱

#第02週

-------------------------------------------------------------------------------------------------------------------------

◎更好的小畫家

左邊根據 mouseX 的位置調整粗細，右邊根據 mouseX 的位置調整顏色 

程式碼：

  void setup(){
    size(800,600);

    colorMode(HSB,100);
  }
  void draw(){

    line(mouseX,mouseY,pmouseX,pmouseY);
  }

  void mousePressed(){

    if(mouseX<100)

       strokeWeight(mouseY/50);

    if(mouseX>700)
       strokeWeight(mouseY/6.0,100,100);

  } 

}

◎再更好的小畫家

程式碼：

  void setup(){
    size(800,600);

    rect(width-100,0,width,height);//modify

    rect(0,0,100,height); //modify
    colorMode(HSB,100);  //Q:Hue,Saturation,Brightness,0-100

}
  void draw(){

    if(mousePressed)

       line(mouseX,mouseY,pmouseX,pmouseY);
  }

  void mousePressed(){//modify!!

    if(mouseX<100) //strokeWeight()

       strokeWeight(mouseY/50);

    if(mouseX>width-100) //stroke()//modify
       strokeWeight(mouseY/6.0,100,100);

  } 

}

 

 

◎colorMode()

程式碼：

void setup(){
   size(800,800);
   colorMode(HSB, 800);
   for (int i = 0; i < 800; i++) {
    for (int j = 0; j < 800; j++) {
      stroke(i, 800, 800);
      point(i, j);
    }
}
//noStroke();
}

 

 ◎畫圈圈

程式碼： 

void setup(){
  size(800,800,P2D);
}
void draw(){
 
}
void mouseDragged(){
  ellipse(mouseX,mouseY,100,100);
}

程式碼：

void setup(){
  size(800,800,P2D);
}
float pX=-100,pY=-100,r=100;
void draw(){
   ellipse(pX,pY,r,r);
   if(r>3){
     r-=10;
     pX+=13;
   }
}
void mouseDragged(){
  pX=mouseX;pY=mouseY;r=100;
}
 

 

◎畫圈圈進階版(自動收尾)

程式碼：

void setup(){
  size(800,800,P2D);
}
float pX=-100,pY=-100,r=100;
void draw(){
   ellipse(pX,pY,r,r);
   if(r>3){
     r-=10;
     pX+=13;
   }
}
void mouseDragged(){
  pX=mouseX; pY=mouseY; r=100;
}
 

◎讀圖檔

把圖片存在桌面，再拉進程式碼視窗 

程式碼：

size(500,500);
background(180,217,254);
PImage img=loadImage("gg.png");
image(img,0,0,500,500);
 

◎讀圖檔進階(img2隨游標移動)

程式碼：

void setup(){
  size(500,500);
  img1=loadImage("gg.png");
  img2=loadImage("gg2.png");
}
void draw(){
  background(180,217,254);
  image(img1,0,0,500,500);
  image(img2,mouseX,mouseY,100,100);
 
}