互動技術week03

用滑鼠畫圖

void setup(){
  size (600,400);
}
void draw(){
  line(mouseX,mouseY,pmouseX,pmouseY);
} 

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

調整顏色粗細

void setup(){
  size (600,400);
}

void draw(){
  if(key=='1') stroke(55, 102, 88);//stroke--->顏色
  if(key=='2') stroke(10, 55, 47);
  if(key=='3') stroke(255, 0, 50);
  if(key=='4') strokeWeight(9);//strokeWeight--->粗細
  if(key=='5') strokeWeight(3);
  if(mousePressed){//--->按下滑鼠才畫
    line(mouseX,mouseY,pmouseX,pmouseY);
  }
} 










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

調色盤 +粗細

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);
  fill(255); rect(0,250,50,150);
  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()
      strokeWeight( (mouseY-250)/10);
    }
  }
  if (mouseX>50 && mousePressed) {
    line(pmouseX, pmouseY, mouseX, mouseY);
  }
}