敲水杯奏音樂:用瀏覽器麥克風做互動聲音
你有沒有在樂團暖身的時候敲過水杯?
玻璃杯裝不同量的水,敲下去的聲音都不一樣。水越少,聲音越高。這個現象,其實就是物理:水量影響震動頻率。
你可能以為這種「敲什麼像什麼」的遊戲,要靠專業設備才能做出來。
其實不用。一個 HTML 檔、瀏覽器、還有你的電腦麥克風,就夠了。
你有沒有在樂團暖身的時候敲過水杯? 玻璃杯裝不同量的水,敲下去的聲音都不一樣。水越少,聲音越高。這個現象,其實就是物理:水量影響震動頻率。 你可能以為這種「敲什麼像什麼」的遊戲,要靠專業設備才能做出...
敲水杯奏音樂:用瀏覽器麥克風做互動聲音
你有沒有在樂團暖身的時候敲過水杯?
玻璃杯裝不同量的水,敲下去的聲音都不一樣。水越少,聲音越高。這個現象,其實就是物理:水量影響震動頻率。
你可能以為這種「敲什麼像什麼」的遊戲,要靠專業設備才能做出來。
其實不用。一個 HTML 檔、瀏覽器、還有你的電腦麥克風,就夠了。

What’s !important #14: Gap Decorations, random(), <select> field sizing, and More | CSS-Tricks

The Limitless Instruments of GE1080

Making earwax melt and teeth rattle: the project returning music to our bodies

Artist and engineer creates installation that allows visitors to play hide-and-seek with technology | The National

這是做出來會長這樣——看到那些「會呼吸」的漸層了嗎?不是漸變,是雜訊。但看起來像是有生命的流體。 
【互動藝術 DIY】用 p5.js 做一塊會呼吸的粒子背景 ...

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

This is a submission for the Gemma 4 Challenge: Build with Gemma 4. What I Built Babbled...

Simon — flash a color sequence, you repeat it, it gets one longer each round. It's a 40-year-old toy...

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