🗿Week02

小畫家

開啟 "葉正聖老師所需檔案">"processing-3.5.3">"processing"               

                                    

改中文文字  "文件">"偏好設定"

background:背景顏色
stroke:外框
fill:填滿內部顏色

點滑鼠右鍵 背景色會從綠色變成紫色

 -用mousePressed功能

黑白小畫家 用滑鼠畫圖

 -用mousePressed功能

                                                

彩色小畫家 加入色彩

fill:填滿

rect:方形

stroke:外框
                                            

///製作小畫家

void setup(){///設定,只有第一個frame

  size(600,500);///畫布大小

}

void draw(){

  fill(#ff0000); rect(0,0,100,100);///紅色調色盤的大小

  fill(#ffff00); rect(0,100,100,100);

  fill(#00ff00); rect(0,200,100,100);

  fill(#0000ff); rect(0,300,100,100);

  fill(#ff00ff); rect(0,400,100,100);

  if(mousePressed && mouseX<100){///調色盤區

    if(mouseY<100) stroke(#ff0000);///stroke=> 調色盤外框的顏色

    else if(mouseY<200) stroke(#ffff00);

    else if(mouseY<300) stroke(#00ff00);

    else if(mouseY<400) stroke(#0000ff);

    else if(mouseY<500) stroke(#ff00ff);

  }else if(mousePressed && mouseX>100){///畫圖區

    line(mouseX,mouseY,pmouseX,pmouseY);///畫線=> (x,y,舊x,舊y)

    }

}

調色盤建立

將線變粗