open-audiovisual
搜尋
EN中文
GitHub
oav-p5給初學者的速查表

用 oav-p5 的 p5 草圖會用到的名字，放在一頁：對麥克風喊、敲鼓機、彈鍵盤，再讓數字變好用。點名字看完整說明。可以印成一張橫的 A4。

完整的 API 參考 → oav-p5 0.8.4

開始：一行

貼在草圖的第一行（OpenProcessing 或 p5 編輯器）。角落出現 🎹 就是載到了。

document.head.prepend(Object.assign(document.createElement('script'), { src: 'https://openaudiovisual.com/p5/oav-p5.js' }));

接下來的草圖長這樣

function setup() {
  createCanvas(400, 300);
  startDrums('four on floor');   // only if you want drums
}

function draw() {
  background(20);
  circle(200, 150, 40 + micLevel * 300);
}

function kickDetected(level) {   // oav-p5 calls it
  // a kick: do something
}

這些名字寫在 setup()、draw() 或 oav-p5 會呼叫的函式裡。寫在檔案最上層時它們還不存在。

喊：麥克風

這些由你來寫，oav-p5 會呼叫

0 安靜0.45 說話1 大喊 micLevel
bassmidtreble 202502k8k Hz

敲：鼓機

這些由你來寫，oav-p5 會呼叫

04812bddrumStep = 6 drumPhase 0→ 1
kickIsDetected lag(kickIsDetected, 0, 0.3)

時間軸：用小節排

1234 drumPhase 0.62一小節＝一圈drumBar 一圈加 1

一行字寫節奏

  • bd sd bd sd空白把一小節平均分（bd 大鼓、sd 小鼓、hh 鈸）
  • hh*8打 8 下
  • bd ~ bd ~~ 是休息
  • [bd bd] sd[ ] 把兩下擠進一個位置
  • bd*4, ~ sd逗號：同時打
  • bd(3,8)8 格裡平均打 3 下
  • <bd sd>每小節輪流換一個

彈：鍵盤與旋鈕

這些由你來寫，oav-p5 會呼叫

C460D462E464F465G467A469B471C572

沒有鍵盤？畫面上的 🎹 就是一台，📱 讓手機變成一台。

出聲與音名

讓數字好用

上 0.03 秒下 0.4 秒
env('kick', 0.01, 0.3)0.3 秒退回 0

寫在 draw() 裡，不要放進 if。

錄影與體檢

沒聲音？先點一下畫面，瀏覽器要點過才會出聲。其他問題？按 🎹 → 🩺，把截圖貼出來。