【互動藝術 DIY】用 p5.js 做一塊會呼吸的粒子背景
先問自己:阿哲會想動手嗎?
看完這個效果,阿哲可能會想:
「那如果我把粒子排成自己的名字,滑鼠靠近時會散開嗎?」
這就是正確的方向——讓讀者想自己動手改參數,而不是背程式碼。
【互動藝術 DIY】用 p5.js 做一塊會呼吸的粒子背景 ...
【互動藝術 DIY】用 p5.js 做一塊會呼吸的粒子背景
先問自己:阿哲會想動手嗎?
看完這個效果,阿哲可能會想:
「那如果我把粒子排成自己的名字,滑鼠靠近時會散開嗎?」
這就是正確的方向——讓讀者想自己動手改參數,而不是背程式碼。

不用複雜的工程邏輯,用三個簡單步驟,打造出具有日式美學(低飽和、流動感)的互動粒子背景,適合放在作品集首頁。

這是做出來會長這樣——看到那些「會呼吸」的漸層了嗎?不是漸變,是雜訊。但看起來像是有生命的流體。 
你有沒有在樂團暖身的時候敲過水杯? 玻璃杯裝不同量的水,敲下去的聲音都不一樣。水越少,聲音越高。這個現象,其實就是物理:水量影響震動頻率。 你可能以為這種「敲什麼像什麼」的遊戲,要靠專業設備才能做出...

為什麼那個會「注意你」的展品,反而讓你更想靠近 博物館互動設計的隱形槓桿 東京。 teamLab...

A few days ago, I wrote about getting bored with flat, static websites and trying to build something...

TeamLab 那片會跟著你走的花海,原理拆解+DIY 先看這張圖 這是 TeamLab...