2023年9月28日 星期四

互動技術 Week03 ouob

Week03☀☀

week03-1

1.一個小圓球


2.牛頓力學加速度(dx,dy)


3.加入random讓球對設定值的random值範圍去對x、y做變化,在判斷當球x、y座標要超出螢幕大小邊界時將座標值改為負的。


4.加入arry開20個空間,在setup地方將20個點的x和y出生座標設定在隨機0~500的x、y座標上,也對dx、dy設20個加速度,在draw函式顯示出來。


5.再開一個迴圈,用dist函式與if判斷當距離小於100時就畫線(顏色用stroke改),線一樣用x、y座標做參數。



week03-2


1.將距離存到d變數裡,動態讓stroke去做數值的變化,裡面用100-d是因為設的dist要<100才會把線畫出來,當0*2.55時就會是黑色,100*2.55時就會是白色。


2.在距離小於100時,除了畫線外再對dx、dy加上兩點間距離乘上0.00001,就可以形成兩個點靠近時速度變慢的吸引力感。



week03-3

1.將顏色模式改成HSB(只要改變H色調就能變顏色),用frameCount%360做顏色的改變,因frameCount一直累加,色調也會隨之改變。


2.用教材的範例,範圍改成0~400,stroke設置i(對應H色調)從0~400(彩虹),其餘飽和跟亮度都設最大400,用point形式畫出來,總共16萬個點呈現出來。


3.做dif color game,用HSB色彩系統,先開好圓形

4.開一個函式叫chooseColor,在setup時呼叫,取radom的hsb數值,再用fill配合(hsb值)去填充圓形的顏色。


5.加入mousePressed函式,裡面呼叫chooseColor函式,把原本的飽和度和亮度的範圍從0~100改成50~100,就不會那麼暗跟沒那麼顏色感了。


6.開新的座標I、J,和新的dh、ds、db取+-10間,在填充顏色地方當亂數的I、J數值跟原本i、j座標數值一樣,該位置的圓就用原本的hsb個數值加上新的dh、ds、db數值,會使該圓顏色、飽和、亮度些許改變,而其他的就填充一般的hsb。





沒有留言:

張貼留言