Week03_Summer

 今日目標：

*模仿小畫家可以透過滑鼠、按鍵畫畫

 01 透過移動滑鼠模仿小畫家畫圖

 02 使用 ellipse 顯示出滑鼠移動得位置

 03 line可透過滑鼠左右鍵變更粗細、顏色

 04 使用 key 設定粗細、顏色

 05 寫出很像小畫家的程式

 程式碼：

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((mouseY-250)/10);

    }

  }



}

 06 透過 mouseDragged、keyPressed 函式可以畫出線

 程式碼：

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((mouseY-250)/10);

  }

}

void mouseDragged(){

  if(mouseX>50){

    line(mouseX,mouseY,pmouseX,pmouseY);

  }

}

void keyPressed(){

  if(key=='1') stroke(255,0,0);

  if(keyCode==UP) line(300,200,300,0);

  if(keyCode==DOWN) line(300,200,300,400);

  if(keyCode==LEFT) line(300,200,0,200);

  if(keyCode==RIGHT) line(300,200,600,200);

}