內容及實作來自吳哲宇《動畫互動網頁特效入門（JS/CANVAS）》

基礎圖形、線條繪製

See the Pen 動畫互動網頁特效 ch45. Canvas與特效動畫- 繪圖基礎語法與動畫原理 by Winter (@yichinweng) on CodePen.

座標系控制、動態製作

See the Pen 動畫互動網頁特效 ch46. Canvas與特效動畫- 畫布的座標系操作 by Winter (@yichinweng) on CodePen.

小心得

• 心中有座標，任何圖形都難不倒你
• 設計比做更難
• 控制座標軸時，save() 與 restore() 很重要，否則很容易世界爆炸
• 空間概念和數學不能太差 (XDD
• requestAnimationFrame()

應用

• 畫些可愛的小東東
• 動態、互動性 (滑鼠、鍵盤事件) 吸引使用者目光