動畫控制

在 p5.js 中，預設會不斷地呼叫 draw，想要製作動畫，基本上就是在 draw 中實作每個畫框的繪圖，例如，來讓圓轉圈圈：

draw 的呼叫頻率，可以藉由 frameRate 來控制，要注意的是 translate，每次呼叫 draw 前，座標都會被重置，因此 translate 放在 draw 是沒什麼問題的；circle 是用來繪圓，參數為 x、y 與直徑。

現在來做點變化，在畫滿一圈後清除畫面，其實 p5.js 有個 clear 函式可以清除畫面，不過，許多範例都愛用 background 指定特定顏色作為背景，這也有清除畫面的效果：

進一步地，如果你想要的是，只有一個圓不斷地轉圈，就可以如下：

如果想要自行控制動畫的播放，例如透過滑鼠左、中、右來暫停、播放或者是步進，這可以透過事件來控制：