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

極坐標

x, y 座標系有一些小缺點，例如使用上不直覺、製作旋轉效果較困難等。可以改由透過半徑 (r) 和角度 (θ) 來描述座標。使用極坐標系統，經常需要角度轉換，在數學和三角函數的使用上也會較多。

See the Pen 動畫互動網頁特效 ch52. Canvas與特效動畫- 極座標的基礎概念 by Winter (@yichinweng) on CodePen.

三角函數 – 繪製多邊形

藉由三角函數的角度來計算出點應該要繪製的座標，取代旋轉畫布的方式。

See the Pen 動畫互動網頁特效 ch53. Canvas與特效動畫- 三角函數入門 – 繪製多邊形 by Winter (@yichinweng) on CodePen.

三角函數 – 波形與軌跡

透過三角函數的波形，再給予一些隨機的變數，可以模擬雜訊，搭配反向的波形則可以繪製出 DNA 的圖形。

See the Pen 動畫互動網頁特效 ch54. Canvas與特效動畫- 三角函數的波形與軌跡 by Winter (@yichinweng) on CodePen.