鐵人檔案
緣由 p5 是由 Processing 延伸而成的 JavaScript 函式庫，Processing 是設計給沒有程式基礎的人快速進行創作的平台，而 p5.j...
其實為什麼P5這麼多人喜愛 閱讀性真的很高，舉例來講好了 一個基本的設定 首先你先設定 setup 跟 draw function setup() { //設...
CheatSheet 小技巧 因為大家其實不太會被指令 所以在網路上有一個小小的P5 cheatsheet 小教學如果有需要可以隨時回來這邊去看自己有需要的東西...
目前近幾年的不管是唱片 演唱會 線上設計風格開始走向幾何風格形象 金曲30很美的背景設計 gernerate.hut https://www.instagra...
只要是設定說 如果今天有一些變數是需要一起去做更換的 你會需要一個這樣的設定變數去做更改 否則會有很多太不確定的因素在裡面。 舉例來說 如果像這樣重複性的參數...
MAP() 從舊的變數 到新の變數 利用P5.js map 去做你的變數的調整 並且 map(value, start1, stop1, start2, sto...
利用生活中不同我們很多時候會看到重複性的曲線來去展現出美術， 來讓自己有不同的設定跟展現 重複後給定特定的變化 最簡單的重複就是重複貼上一樣的東西 你就可以做...
首先我們可以做一個隨機的色塊設計 function setup() { createCanvas(windowWidth, windowHeight); b...
接下來我們要來介紹滑鼠使用後的互動調整 但你可以依照互動的狀態 去做一些 不同的 樣式設計 function setup() { createCanvas(w...
p5 中的 color 物件：先認識兩個色彩學可以了解 https://www.instagram.com/a__gilmore/?hl=en https://...