つまみを 回せば、
音が 生まれる。

ブラウザの標準 API で、 JavaScript からリアルタイムに音声を合成 / 処理できます。 OscillatorNode (発振器) + BiquadFilterNode (フィルター) + GainNode (ボリューム + エンベロープ) + AnalyserNode (波形 / スペクトラム取得) などのノードをチェーン接続。 PatchPad は OSC → Filter → VCA (ADSR) → Master → Analyser の信号経路を組んでいます。 LFO は別 OscillatorNode を Gain で深さ調整して filter.frequency を AudioParam 変調。

送りません。 すべての音声合成は ブラウザ内 (WebAudio) で完結し、 鍵盤入力 / ツマミの値 / 出力 音声 は一切サーバーに送信されません。 サインアップも不要です。

ADSR = Attack (鍵盤押下から最大音量まで) / Decay (最大から Sustain レベルまで) / Sustain (押し続けの音量) / Release (鍵盤離してから無音まで) の音量エンベロープ。 LFO = Low Frequency Oscillator、 通常 0.1〜20Hz の遅い波で別パラメータ (この場合 filter.cutoff) を周期的に変調することで 「ワブル」 「うねり」 を作ります。 LFO Depth = 0 ならフィルター変調なし。

上部の PATCHES から 6 プリセットを選ぶと全 11 パラメータが上書きされます。 そこから細かく音作りを始めるのが定番。 (1) Sub Bass = square 低域 + 速い env、 (2) Acid Lead = saw + 高 Q + 速い env (TB-303 風)、 (3) Warm Pad = triangle + 遅い attack/release + 軽い LFO、 (4) Pluck Bell = sine + ベル系 envelope、 (5) Squelch Wob = saw + 強い LFO (dubstep 風)、 (6) Cosmic Drone = saw -12ct detune + 超遅 LFO。

(1) マウス / タッチで画面の鍵盤をクリック (ポインタ離す = note-off)。 (2) PC キーボードで A W S E D F T G Y H U J K (白鍵 + 黒鍵、 piano roll 配置)。 setPointerCapture で鍵盤の外に出てもノートオフされません。 単音だけでなく和音 (複数同時押し) も可能 (polyphony 最大 8 voice)。

v1 では未対応です。 IMPROVE 候補。 navigator.requestMIDIAccess() で物理 MIDI キーボード / コントローラーから入力できれば、 ハードウェアと同じ操作感になります。 同時に WAV / WebM 録音 (MediaRecorder)、 ステップシーケンサー、 エフェクト (リバーブ / ディレイ / ディストーション) もシリーズ拡張候補。

Q (Resonance) が高い + 入力レベルが高い と、 フィルター共振で音圧が跳ね上がってクリッピングします (アナログ シンセの 「自己発振」 と同じ現象、 仕様)。 Master を下げる / Q を 10 以下に抑える / cutoff を下げると緩和。 アシッド 系のキャラクター が欲しい時は Q 12-18 で攻めましょう。

ai-lab.org の ジェネレーター thesis 3本目です (1: HueDeck 配色、 2: TypeForge 立体タイポ、 3: PatchPad シンセ音)。 WebAudio は ToneQuest (音感クイズ) と共有ですが、 用途は ToneQuest = 「聴いて当てる」、 PatchPad = 「ツマミで音を作る」 で別。 ハードウェア機材 motif (70s モジュラー シンセ walnut + brass) は他 28 本柱と完全別軸。