鐵人檔案
前面有介紹到p5.js提供相當多的混和效果供使用，blendMode, filter, 漸層等等，這篇會介紹到可以怎麼使用到這些模式，來製作出常見的設計效果，像...
差不多也把混和效果和圖像、文字的操作都講完了，這篇會來小總結一下這幾篇可以製作出來的內容，可以先來看一下製作出來的成果(雖然醜醜的) 步驟 步驟上大至可以分成...
photoshop或者AI常用到的遮罩，或稱為裁切效果，在p5.js裡面也可以做到，一共有三種方式可以製作遮罩，今天會介紹第一種，p5.js提供的erase()...
第二種p5.js可以操做的遮罩方法是mask()，以防有這篇才看到，不清楚遮罩作用的朋友，下面有簡單示意圖描述遮罩作用，而不同於erase，他會保留原本被剪裁的...
最後要介紹的剪裁方法是Canvas原生方法 - clip()。clip()是canvas原生提供函數可以對整個畫布做剪裁，要被剪裁的圖案放在.clip()程式後...
前兩篇因為遮罩的部分有使用到get()，他本身也是圖像像素操作方法，這邊會介紹到取出圖像像素的做法，以及可以發揮的變化。圖片可以想像成是由很多的光點排列而成的，...
這篇會進一步利用圖像數據來製作canvas創作，除了上篇講到的可以自由設定圖像的顏色外，還可以透過既有的圖像來更改設計與顏色，甚至取材圖像中的資料，製作成規則作...
canvas的繪製居本上全部都是用向量操作，有時候要取得座標位置來定位，而座標位置彼此之間是有相依性與關聯性，也就是座標需要有大小與方向，而具有大小與方向的實體...
今天分享的class又被稱為 [類別] 是 ECMAScript 6 中的語法，用來作為建立新的物件的統一模板，可以把重複性的城市法封裝起來，便於使用，不熟悉的...
在許多作品中會看到，有不規則大小的的區塊，重複出現在畫布上，或者是隨機的畫出同樣風格，但樣式有些微差異的模組，如下圖，我自己把它稱為條件遞迴。 像這樣的操作手...
