Week4

##課堂內容
http://2013interaction.blogspot.tw/2013/09/week04_9030.html

##實作

開視窗,做滑鼠畫線

畫筆顏色

最後,加上筆粗控制

====程式碼====
void setup()
{
  size(500,500);
  background(255,255,255);
  //色塊
  noStroke();
  colorMode(RGB, 255);
  fill(255,0,0);  rect(50,400,50,50);
  fill(255,255,0);  rect(110,400,50,50);
  fill(0,255,0);  rect(170,400,50,50);
  fill(0,255,255);  rect(230,400,50,50);
  fill(0,0,255);  rect(290,400,50,50);
  fill(255,0,255);  rect(350,400,50,50);
  fill(255,255,255);stroke(0,0,0);rect(410,400,50,50);
  //漸層色
  noStroke();
  colorMode(HSB, 150);
  for (int i = 0; i < 150; i++)
  {    for (int j = 0; j < 150; j++)
    {      stroke(i, j, 150);
           point(i, j);
    }
  }
  //筆的粗細
  fill(255);  rect(425,25,50,50);  strokeWeight(50);  point(450,50);
  strokeWeight(1);//這邊要把筆粗還原不然下一個框框會用筆粗50畫XD
  fill(255);  rect(425,85,50,50);  strokeWeight(30);  point(450,60);
  strokeWeight(1);
  fill(255);  rect(425,145,50,50);  strokeWeight(10);  point(450,170);
}
void draw(){}
void mouseDragged()//滑鼠拖曳
{
  line(mouseX,mouseY,pmouseX,pmouseY);
}
void mousePressed()//滑鼠按下
{
  if(mouseX<100 && mouseY<100)//漸層色選色
  {
    colorMode(HSB,100);
    stroke(mouseX,mouseY,100);
  }
  //一般色塊選色
  else if(50<mouseX && mouseX<100 && 400<mouseY && mouseY<450)stroke(#FF0000);
  else if(110<mouseX && mouseX<160 && 400<mouseY && mouseY<450)stroke(#FFFF00);
  else if(170<mouseX && mouseX<220 && 400<mouseY && mouseY<450)stroke(#00FF00);
  else if(230<mouseX && mouseX<280 && 400<mouseY && mouseY<450)stroke(#00FFFF);
  else if(290<mouseX && mouseX<340 && 400<mouseY && mouseY<450)stroke(#0000FF);
  else if(350<mouseX && mouseX<400 && 400<mouseY && mouseY<450)stroke(#FF00FF);
  else if(410<mouseX && mouseX<460 && 400<mouseY && mouseY<450)stroke(#FFFFFF);
   else if(400<mouseX && mouseX<450 && 25<mouseY && mouseY<75) strokeWeight(50);
    else if(400<mouseX && mouseX<455 && 85<mouseY && mouseY<135)strokeWeight(30);
     else if(400<mouseX && mouseX<450 && 145<mouseY && mouseY<)strokeWeight(10);
}