16 步音序器：時間一格一格走
一小節切成 16 格，播放頭每格往前一步；BPM 決定一格多長；這就是 Demo 2 那張鼓機卡。
- 分類
- 聲音 × 視覺
- 概念
- 音序器、鼓機、格子、BPM、小節
- p5.js
- startDrums()、drumStep、drumBar、kickDetected()
拉滑桿、看畫面，旁邊的程式碼會跟著變，整段複製到 OpenProcessing 就能跑。
同類模組・聲音 × 視覺
- 喊、敲、彈：同一個畫面，三種聲音進來
- 聲音是一條波：多大聲、多高
- 音量 micLevel：從波形到 0..1
- 頻譜：bass、mid、treble
- 節拍偵測：什麼時候算「一下」
- 對應：把聲音的數字變成畫面
- lag：數字用追的，不要用跳的
- env：打一下就是一個包絡
- 一行字寫節奏
- 歐幾里得節奏：k 下平均分在 n 格
- 小節、拍、步：BPM 換成秒
- MIDI：一個音是一個號碼加一個力度
- 音高變顏色、變位置
到 Hahow 報名。價格與優惠以 Hahow 頁面為準。