HW05

5-1-1

5-1-2

http://ss24.mcu.edu.tw/~s8360171/hw5_1_2/applet/

5-2

http://ss24.mcu.edu.tw/~s8360171/hw5_2/applet/

5-3

http://ss24.mcu.edu.tw/~s8360171/hw5_3/applet/

心得：

　　5-1重點是如何將圖形旋轉與改變原點坐標，Processing裡有不同的步驟，我是先利用translate改變圖形坐標，再用rotate將圖形旋轉角度，rotate不方便的地方是不能直接標示角度，一定要先乘PI才行。標示角度的過程中有很多疑問，像是紅色正方形以水平線為0轉45度後，為什麼綠色正方型是轉120度而不是轉165度，這點跟同學討論很久，最後得出的結論是每畫出一個正方型X軸也會跟著旋轉，第二個正方型是以第一個正方型轉的角度繼續接著轉，所以綠色跟藍色正方形才都是轉120度。5-1的延伸是風扇，將原點移到畫布中心，深藍色為第一個長方型，之後用for迴圈依序畫出5個淡藍色長方形，角度60度是因為有六個長方型要均分360度，最後設一個變數d來決定每次轉的角度。5-2學到的是延遲時間(easing)與目的(target)，我覺得變數很多，程式到最後很亂，但是讓程式跟滑鼠有近一步的互動覺得很有趣。5-3不太懂內容，不同於5-2的是5-3是一直畫出圓，嘗試著改數字看哪裡會有變化，從最小數字一直加到設定的數字，所以設的數字越大，尾巴會拉的越長，因為顏色與透明度都是隨機，效果很棒。