// for 的基本語法結構

for(計數變數的起始狀態; 結束條件; 每次結束後變數如何變化)
{
概念相同，需要重複執行的事情
}

如果我想要畫打橫排3個一模一樣的圓形，但它們之間相隔 100 的距離

ellipse(0, 0, 100)
ellipse(100, 0, 100) // 相較於上面，X移動了 100
ellipse(200, 0, 100) // 相較於上面，X又移動了 100

還有一種寫法就是用for 循環

// 計數變數 i 只要小於 3 時都會做這件事，直到不滿足條件則停下並跳出該程式區塊
for(var i = 0; i < 3; i ++){
ellipse(i * 100, 0, 100)
}

重點回顧

translate()移動畫布，讓畫布的中心從左上角變成你想要的位置

rotate() 旋轉畫布，可以結合for loop 達到畫出來的物體旋轉的效果