鐵人檔案
當我們對於畫布操作 保留畫布的狀態 儲存特定時候 累積上一次的變動，繪製下一刻的圖 利用旋轉，放大，疊合可以做出螺旋狀 接下來接下畫布的一些操作作法 tra...
Scale() - 縮放 相對於目前的畫布大小進行縮放，如 scale(0.5)。 -> 變成 0.5 倍，1 的話是原本的大小。 function dr...
創建多張畫布 如果要有遮色效果或者兩個圖層不想互相被干預可以考慮增加內部畫布去讓自己操作比較能夠好處理 let graphic //設定新的畫布 functio...
function 函數 為什麼要用函數：函數可以把需要重複執行的行為打包，在需要使用的時候直接使用函數就不需要再一次一步一步的執行每個步驟了。像是大家熟悉的 ...
var color1 ='red'; var r1 = 50; var colorList = ["#bce784","#5dd3...
接下來我們就可以製作一個myflower的object 去製作一個綻放花點的設定 Learp 使用 與物件搭配 留下前面的drawFlower 設定 裡面的 位...
瞭解旋轉、圓形與極座標的概念 如何利用弦波函數產生韻律感 利用噪聲產生連續的亂數 如何使用噪聲產生自然感的動態與形狀 瞭解速度曲線與如何產生動態 適用的創作...
DOM（Document Object Model, 文件物件模型）超快速介紹 DOM 是什麼？ DOM 是一個樹狀的文件結構，藉由一層一層包覆的結構把...
製作表單 createRadio(); 沿用上一個文章的參考 加上以下設定 我們可以用radio去做額外的設定 let radioElement; funct...
今天要來做一下粒子系統 首先要來了解 為什麼要了解 class生成物件呢 大量快速建立同類型的物件 把常常針對物件執行的函式綁訂在方法上面，簡化程式碼，...