迪克 第二週 上色

 

基本概念

還沒點擊視窗前是綠色

點擊會變成藍色

放開之後又變回綠色

把滑鼠當畫筆試著畫畫看

試著做出類似小畫家的感覺

滑鼠點擊某個顏色，畫出來的線條也會變成那個顏色

附上程式碼

———————————————————————————————————————

void setup(){

   size(300,300);

   background(210,210,210);

   fill(210,150,50); rect(0,0,35,35);

   fill(180,0,50); rect(35,0,35,35);

   fill(90,90,210); rect(70,0,35,35);

}

void draw(){

  line(0,35,300,35);

  if(mousePressed && mouseY<35){

    if(mouseX<35) stroke(210,150,50);

    else if(mouseX<70) stroke(180,0,50);

    else if(mouseX<115) stroke(90,90,210);

  }

  if(mousePressed && mouseY>35) line(mouseX,mouseY,pmouseX,pmouseY);

                    ///(滑鼠現在座標X,Y ,上一個滑鼠座標X,Y)

}

———————————————————————————————————————

調整線條粗細跟存檔

我ㄉ作品 嘿嘿(*‘ v`*)

程式碼如下

———————————————————————————————————————

void setup(){

   size(300,300);

   background(210,210,210);

   fill(210,150,50); rect(0,0,35,35);

   fill(180,0,50); rect(35,0,35,35);

   fill(90,90,210); rect(70,0,35,35);

   fill(210,90,210); rect(105,0,35,35);

}

void keyPressed(){///按任一鍵存檔

  save("hyo!.png");

}

void draw(){

  strokeWeight(5);///線條粗細

  if(mousePressed && mouseY<35){

    if(mouseX<35) stroke(210,150,50);

    else if(mouseX<70) stroke(180,0,50);

    else if(mouseX<105) stroke(90,90,210);

    else if(mouseX<140) stroke(210,90,210);

  }

  if(mousePressed && mouseY>35) line(mouseX,mouseY,pmouseX,pmouseY);

                    ///(滑鼠現在座標X,Y ,上一個滑鼠座標X,Y)

}

———————————————————————————————————————