Week 02 ： 普通的ㄒㄆ的普通的筆記

今日目標：

1.點擊滑鼠能夠變換顏色與粗細

重要觀念：

滑鼠點擊 → mousePressed()
滑鼠滑動 → mouseDragged ()
色彩觀念 → colorMode() & HSB
加入圖片 → loadImage
加背景 → background(0,0,0)
讓圖片跟滑鼠一起動 → image(img1,mouseX,mouseY,100,100);


一、mousePressed滑鼠點擊時發生

1.當滑鼠X座標小於100時，點擊滑鼠能夠改變粗細
2.當滑鼠X座標大於700時，點擊華數能改變顏色



二、mouseDragged : 滑鼠滑動時發生



三、colorMode & HSB 觀念

1. HSB：
     H: 彩虹、S: 飽和度、B:亮度



  HSB

→ (100,100,100) : Red                                                     



→ (i,100,100) : 彩色



→ (100,i,100) : 紅色漸層(white > Red)   

→ (100,100,i) : 亮度變化 (Black > Red)

四、圖片加入與背景

1.選擇圖片，拖曳放入程式碼!!!! (若未拖曳加入，則會當掉)

2.加入背景 background(49,255,205);

3.讓圖片能夠跟滑鼠一起動