retro web synth
1.0.0
React、TypeScript、およびtone.jsで構築されたオープンソースWebベースのサウンドシンセサイザーこのPolySynthは、ピアノキーを押すことでタンデムで再生できる2つの発振器を備えています。各発振器には4つの波形があり、振幅エンベロープ、biquadraticフィルター、3つのビンイコライザーを介してルーティングされ、音の形状と周波数を完全に制御できます。音は、フィードバック遅延、ビットクラッシャー、歪み、リバーブなどの効果でさらに変更できます。機器の出力も、メモが再生されている間にディスプレイで視覚化されます。
ライブデモ
シンセサイザーは、あなたがそれらに慣れていないなら、かなり威圧的になる可能性がありますが、すべてが何をするかを理解すればかなり簡単です。シンセサイザーが初めての場合は、デフォルトの設定でキーを再生し、オシレーターの波形などの基本的な設定をゆっくりと調整するか、対応するウェットノブで約30％でエフェクトを再生することをお勧めします。非常に大きくなる可能性があるため、理解できない設定であまり多くの劇的な変更を加えないように注意してください！
A single cycle waveform looped to match a specific pitch which creates the synthesizer's base voices.
発振器による音出力の形状。 Sine、Square、Triangle、Sawtooth：に設定できます。
オシレーターのボリューム出力はデシベルにあります。
オシレーターのサイクル内での開始位置は、学位を取得します。たとえば、180°の位相は、発振器のサイクルの途中で開始されます。
セントのデトゥン制御信号。たとえば、100セントのデトゥンは、サウンドをハーフステップで前方にシフトします。
ヒント：クールな効果を得るには、1つのオシレーターを-1200に、もう1つを1200に設定してみてください。
An amplitude envelope which shapes the attack, decay, sustain, and release of the sound.
エンベロープが最大値に到達するのにかかる時間は、秒で最大値になります。
エンベロープの攻撃部分の後、値は減衰時間の持続時間を秒単位で維持値に低下させます。
エンベロープの攻撃後に封筒が残る値は、リリース前にトリガーされます。
エンベロープが最小値になるまでの時間が数秒でかかる時間。
A biquad filter which blocks certain frequencies while allowing others to pass through.
周波数データ（FFT）とフィルターの周波数応答を視覚化するグラフ。 Y軸はデシベルであり、X軸はHertzの周波数です（ログベース10スケール）。
フィルターの形状。 AllPass、LowPass、HighPass、Lowshelf、HighShelf、Notch、またはBandpassに設定できます。
注：一部のタイプは特定の設定の影響を受けません。たとえば、AllPassは、設定に関係なくすべての周波数を使用できます。
オクターブあたりデシベルの低下。
フィルターのQまたは品質係数。
フィルターが落ちる周波数。
デシベルに信号の電力を入力する出力電力の比率。
A feedback delay which postpones a signal and can feed the signal back into itself.
出力に通過する効果の信号の割合。 0％には効果がなく、100％は元の信号のいずれもない場合にのみ効果を出力します。
ミリ秒での元の信号と遅延信号の間の時間の量。
エフェクトの入力に戻される信号の量。
BitCrusher down-samples the incoming signal to a different bit depth. Lowering the bit depth of the signal creates distortion.
出力に通過する効果の信号の割合。 0％には効果がなく、100％は元の信号のいずれもない場合にのみ効果を出力します。
効果のビット深さ。
A simple effect which alters a signal creating a distorted sound.
出力に通過する効果の信号の割合。 0％には効果がなく、100％は元の信号のいずれもない場合にのみ効果を出力します。
歪みの強度の割合。
A simple convolution which emulates the sound in a closed space with decaying noise.
出力に通過する効果の信号の割合。 0％には効果がなく、100％は元の信号のいずれもない場合にのみ効果を出力します。
リバーブの期間は数秒で。
An EQ3 which provides three isolated frequency bins and can boost them, lower them, or leave them unchanged.
各周波数ビンのデシベルのゲイン。
低/中程度のクロスオーバー周波数。
ミッド/ハイクロスオーバー周波数。
シンセサイザーのマスターボリューム。
シンセサイザーのベースオクターブ。
キーは、MIDIキーボードを使用して、または以下に示すホットキーを使用してコンピューターキーボードを使用して、クリック/タッチして再生できます。
ノブは、クリック/触れてドラッグするか、マウスとスクロールでそれらの上にホバリングすることで回転させることができます。
スクロール中にシフトを保持すると、ノブがより速く変わります。
スライダーは、クリック/触れてドラッグするか、マウスとスクロールでホバリングすることで、上下に移動できます。
スクロール中にシフトを保持すると、スライダーがより速く動きます。
このプロジェクトは、特にReact.jsとTypescriptを使用して、新しいフロントエンド開発スキルを練習および学習するためのポートフォリオピースとして作成されました。また、外部ライブラリの使用を制限し、すべてのカスタムCSSをスタイリングに使用したかったのです。
環境
Webオーディオフレームワーク
言語
テスト
GitHubで問題を提出したり、リクエストをプルしたりして、お気軽に寄付してください。改善と建設的な批判の提案は大歓迎です！
Linked Inのメッセージを送信して、私に連絡できます。
