Week02 小畫家

利用滑鼠點及改變筆刷粗細和顏色

1.跑出基本型

void setup(){

  size(800,600);

  rect(width-100,0,width,height); //左框框

  rect(0,0,100,height);  //右框框

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

}

void draw(){

  if(mousePressed) line(mouseX,mouseY,pmouseX,pmouseY); 

}

void mouseDragged(){  //滑鼠拖曳

  if(mouseX<100){///strokeWeight()

    strokeWeight(mouseY/50);

  }

  if(mouseX>width-100){///stroke() 

    stroke(mouseY/6.0,100,100);

  }

}

2.調色盤

noStroke();

colorMode(HSB, 100);

for (int i = 0;i < 100; i++) {

   for (int j = 0; j < 100; j++) {

      stroke(i, 100, 100);

      point(i, j);

   }

} 

畫出圖形

1.圓形

void setup() {

  size(720,720);

}

void draw(){

  

}

void mouseDragged(){

  ellipse(mouseX, mouseY, 100,100);

} 

2.圓形並縮小移動

void setup(){

  size(720,720,P2D);

}

float pX=-100,pY=-100,r=100;

void draw(){

  ellipse(pX,pY,r,r);

  if(r>3){

     r-=10; 

     pX+=13; 

  }

}

void mousePressed(){

  pX=mouseX;pY=mouseY;r=100;

}

3.匯入圖檔並加上背景音樂

size(500,500);

background(255,174,101); 

PImage img=loadImage("download.jpg");

image(img,90,90,300,300);

4.改變滑鼠圖案

PImage img1,img2;

void setup()

{

  size(500,500);

  img1 = loadImage("download.jpg");

  img2 = loadImage("images.jpg");

}

void draw()

{

  background(255,174,101);

  image(img2,mouseX,mouseY,100,100);

  image(img1,90,90,300,300);

}