小畫家

 

背景顏色、滑鼠設定(mousePressed)

利用滑鼠可以切換背景的顏色。

將背景的程式碼改成畫線

在按滑鼠的時候會跑出線(如上圖)

但這種寫法會有殘影所以要修改成下面這樣:

把line()裡面的程式碼稍微修改一下 

(改變座標)

就能讓線跟著滑鼠畫出想要的形狀

先設定一個rect再利用stroke換線的顏色

再來是利用strokeWeight改變線的粗度

程式碼:

void setup(){

  size(500,500);

  rect(0,50,50,50);ellipse(25,25+50,1,1);

  rect(0,100,50,50);ellipse(25,25+100,2,2);

  rect(0,150,50,50);ellipse(25,25+150,3,3);

  rect(0,200,50,50);ellipse(25,25+200,4,4);

  rect(0,250,50,50);ellipse(25,25+250,5,5);

  rect(0,300,50,50);ellipse(25,25+300,6,6);

  rect(0,350,50,50);ellipse(25,25+350,7,7);

  rect(0,400,50,50);ellipse(25,25+400,8,8);

}

void draw(){

  if(mousePressed){

    if(mouseX<50){

       if(mouseY>1*50 && mouseY<1*50+50) strokeWeight(1);//線的粗度

       if(mouseY>2*50 && mouseY<2*50+50) strokeWeight(2);

       if(mouseY>3*50 && mouseY<3*50+50) strokeWeight(3);

       if(mouseY>4*50 && mouseY<4*50+50) strokeWeight(4);

       if(mouseY>5*50 && mouseY<5*50+50) strokeWeight(5);

       if(mouseY>6*50 && mouseY<6*50+50) strokeWeight(6);

       if(mouseY>7*50 && mouseY<7*50+50) strokeWeight(7);

       if(mouseY>8*50 && mouseY<8*50+50) strokeWeight(8);

    }  else line(mouseX,mouseY,pmouseX,pmouseY);

  }

}