Showcase

tremolo-ui と React で作成したコンポーネントをご覧ください。tremolo-ui はヘッドレス CSS を採用しています。以下のコンポーネントを活用しつつ、自由に見た目をカスタマイズできます。

Loading…

Parametric EQ

8 バンドの EQ です。バンドごとに ON / OFF を切り替え、タイプをベル・シェルフ・パス・ノッチから選べます。バンドをドラッグして周波数とゲインを決め（パスとノッチは上下で Q）、何もないところをドラッグすると複数のバンドを選べます。Alt を押しながらドラッグすると Q が変わります。カーブは本物の BiquadFilterNode の特性で、再生中の音のスペクトルに重ねて描いています。

Loading…

Wavetable Synth

マウス、PC のキーボード、MIDI キーボードで弾けるポリフォニックシンセ。波形をサインから矩形までモーフィングし、エンベロープを整え、デチューンしたボイスを重ねられます。

Loading…

Realistic Knobs

ドライブペダルに並んだ 3 種類のハードウェアノブ。削り出しのアルミ、ベークライトのポインター、LED リング。ノブが伝えるのは角度だけで、質感はすべて CSS です。

Knob

Loading…

ADSR Envelope

ハンドルをドラッグするかノブを回してから鍵盤を弾くと、光る点が音の進み具合に合わせてエンベロープをアタックからリリースまでたどります。

Loading…

DJ Filter Pad

パッドを押さえたまま左へ動かすとローパス、右へ動かすとハイパス、上下でレゾナンスが変わります。離すと中央に戻ります。

XYPad

Loading…

Volume Fader

ロングストロークのフェーダーと、同じ目盛りのステレオ LED メーター。キャップをダブルクリックすると 0 dB に戻ります。