2021年10月4日 星期一

兔寶寶的筆記 - 小畫家功能、mouse、調色盤 (W02)

 Week02-小畫家

1-1滑鼠mousePressed

今天新學的mousePressed   
滑鼠點擊時背景變紅色

1-2了解pmouseX,pmouseY

開啟新的視窗把background顏色
改成line(mouseX,mouseY,0,0)


每點擊一次滑鼠都會線都會從(0,0)的位置開始畫
看起來有點怪

如果我們把(0,0)改成pmouseX,pmouseY
就能改善這個問題
螢光筆翻譯後的意思:
"系統變量 pmouseX 始終包含鼠標在當前幀之前的幀中的水平位置。"

改完之後就能正常畫圖了

2-1調色盤

畫出rect框框大小100*100
紅色跟綠色代表我們可點擊更換顏色的範圍
在mouseX<100 且 mouseY<100的地方點擊後變紅色
在mouseX<100 且 100<mouseY<200的地方點擊後變綠色

點擊調色盤可隨意更改兩個色畫畫

2-2畫筆的粗細

修改調色盤的部分
換成ellipse橢圓、strokeWeight粗細度
第一畫是原本的筆
第二畫是寬4的筆
第三畫是寬8的筆

3-1做出8個strokeWeight






3-2延伸-利用for迴圈做出7個大小的strokeWeight





3-3 彩色調色盤

填滿fill(8個顏色)
stroke(8個顏色)
可以畫出彩色的兔寶寶

3-4合併調色盤與StrokeWeight

將調色盤位置整個往X右移300在450的地方

最後終於能夠做出一個真正的小畫家了~
:)

沒有留言:

張貼留言