week 03 06160832

今天第一個目標做出小畫家的效果
首先要有線條

void setup()

{
  size(800,600);    //畫面大小  
}
void draw()
{
  line(mouseX,mouseY,pmouseX,pmouseY);   //畫線
}

接著我們想要調顏色



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

}
void draw(){
  fill(255,0,0);rect(0,0,100,100);            
  fill(0,255,255);rect(0,100,100,100);    
  fill(255,255,0);rect(0,200,100,100);    
}
void mouseDragged(){
  line(mouseX,mouseY,pmouseX,pmouseY);
}
void mousePressed(){
  if(mouseX<100 && mouseY<100){stroke(255,0,0);}            
  else if(mouseX<100 && mouseY<200){stroke(0,255,255);}  
  else if(mouseX<100 && mouseY<300){stroke(255,255,0);}
}

然後變可以調粗細

void setup() {

  size(600, 400);

  fill(255, 0, 0); rect(0, 0, 50, 50);

  fill(255, 255, 0); rect(0, 50, 50, 50);

  fill(0, 255, 0); rect(0, 100, 50, 50);

  fill(0, 255, 255); rect(0, 150, 50, 50);

  fill(0, 0, 255); rect(0, 200, 50, 50);

  line(25, 250, 25-7, 400);

  line(25, 250, 25+7, 400);

}

void draw() {

  if(mouseX<50 && mousePressed){

   if(mouseY<50) stroke(255, 0, 0); 

   else if(mouseY<100) stroke(255, 255, 0);

   else if(mouseY<150) stroke(0, 255, 0);

   else if(mouseY<200) stroke(0, 255, 255);

   else if(mouseY<250) stroke(0, 0, 255);

   else {

    strokeWeight((mouseY-250)/10); 

   }

  }

  if (mousePressed && mouseX>50) {

    line(mouseX, mouseY, pmouseX, pmouseY);

  }

}

左邊上面是顏色調控

左邊下面的三角形可以調線條粗細