week01

2022互動設計

*先解壓縮processing zip檔案*

Step01-1

    調整視窗大小

    size(500,500);

Step01-2

    設定視窗背景

    background(#9CED97);

Step02-1

    填充色彩fill(), 四邊形rect();

 再做一個四邊形rect();

Step02-2

    使用mouseX,mouseY來移動另一個四邊形

Step02-3

    把打好的程式碼複製到 https://pde2js.herokuapp.com/ 貼到左邊

後，翻譯會到右邊，再將程式檔案改成p5.js後執行會跑出一個網頁。

Step03-1

做成小畫家