retro web synth
1.0.0
Ein webbasiertes Open-Source-Soundsynthesizer, erstellt mit React, TypeScript und Tone.js. Dieses Polysynth zeigt zwei Oszillatoren, die durch Drücken der Klavierschlüssel zusammengespielt werden können. Jeder Oszillator hat vier Wellenformen zur Auswahl und wird durch eine Amplitudenhülle, einen biquadratischen Filter und einen Drei -Bin -Equalizer geleitet, der die vollständige Kontrolle über die Form und die Frequenzen des Schalls ermöglicht. Der Klang kann mit Effekten, einschließlich Rückkopplungsverzögerung, Bit-Crusher, Verzerrung und Hall, weiter verändert werden. Die Ausgabe des Instruments wird auch im Display visualisiert, während Noten gespielt werden.
Live -Demo
Synthesizer können ziemlich einschüchternd sein, wenn Sie nicht mit ihnen vertraut sind, aber ziemlich einfach sind, wenn Sie verstehen, was alles tut. Wenn Sie neu in Synthesizern sind, empfehle ich, die Schlüssel mit den Standardeinstellungen zu beginnen und grundlegende Einstellungen wie die Wellenformen des Oszillators langsam zu optimieren oder mit den Effekten mit rund 30% auf dem entsprechenden Nassknopf zu spielen. Achten Sie darauf, nicht zu viele drastische Änderungen an Einstellungen vorzunehmen, die Sie nicht verstehen, da es sehr laut sein kann!
A single cycle waveform looped to match a specific pitch which creates the synthesizer's base voices.
Die Form des Schallausgangs durch den Oszillator. Kann auf: Sinus, Quadrat, Dreieck oder Sägezahn gesetzt werden.
Der Volumenausgang des Oszillators in Dezibel.
Die Ausgangsposition innerhalb des Zyklus des Oszillators in Grad. Zum Beispiel würde eine Phase von 180 ° die Hälfte des Oszillator -Zyklus beginnen.
Das Detune -Kontrollsignal in Cent. Zum Beispiel würde eine Dekoration von 100 Cent den Sound einen halben Schritt nach vorne verschieben.
Tipp: Versuchen Sie, einen Oszillator auf -1200 und den anderen zu 1200 zu setzen, um einen coolen Effekt zu erzielen!
An amplitude envelope which shapes the attack, decay, sustain, and release of the sound.
Die Zeit, die der Umschlag benötigt, um seinen Maximalwert in Sekunden zu erreichen.
Nach dem Angriffsteil des Umschlags fällt der Wert über die Dauer der Verfallzeit bis zu seinem nachhaltigen Wert in Sekunden.
Der Wert, bei dem der Umschlag nach dem Angriff des Umschlags vor der Veröffentlichung ausgelöst wird.
Die Zeit, die der Umschlag benötigt, um in Sekunden einen Mindestwert zu erreichen.
A biquad filter which blocks certain frequencies while allowing others to pass through.
Graph, das die Frequenzdaten (FFT) und den Frequenzgang des Filters visualisiert. Die y-Achse ist Dezibel und die X-Achse ist die Frequenzen in Hertz (Log Base 10-Skala).
Die Form des Filters. Kann eingestellt werden auf: Allpass, Tiefpass, Highpass, Lowshelf, High Shelf, Kerbe oder Bandpass.
Hinweis: Einige Typen werden von bestimmten Einstellungen nicht beeinflusst, beispielsweise lässt Allpass alle Frequenzen unabhängig von den Einstellungen durchlaufen.
Der Tropfen in Dezibel pro Oktave.
Der Q oder der Qualitätsfaktor des Filters.
Die Frequenz, bei der der Filter sinkt.
Das Verhältnis der Ausgangsleistung zur Eingangsleistung des Signals in Dezibel.
A feedback delay which postpones a signal and can feed the signal back into itself.
Der Prozentsatz des Signals des Effekts, das bis zum Ausgang verläuft. 0% hat keinen Effekt und 100% geben den Effekt nur mit keinem der ursprünglichen Signal aus.
Die Zeitspanne zwischen dem ursprünglichen Signal und dem verzögerten Signal in Millisekunden.
Die Menge an Signal, die in den Eingang des Effekts zurückgeführt wird.
BitCrusher down-samples the incoming signal to a different bit depth. Lowering the bit depth of the signal creates distortion.
Der Prozentsatz des Signals des Effekts, das bis zum Ausgang verläuft. 0% hat keinen Effekt und 100% geben den Effekt nur mit keinem der ursprünglichen Signal aus.
Die Bittiefe des Effekts.
A simple effect which alters a signal creating a distorted sound.
Der Prozentsatz des Signals des Effekts, das bis zum Ausgang verläuft. 0% hat keinen Effekt und 100% geben den Effekt nur mit keinem der ursprünglichen Signal aus.
Der Prozentsatz der Intensität der Verzerrung.
A simple convolution which emulates the sound in a closed space with decaying noise.
Der Prozentsatz des Signals des Effekts, das bis zum Ausgang verläuft. 0% hat keinen Effekt und 100% geben den Effekt nur mit keinem der ursprünglichen Signal aus.
Die Dauer des Halls in Sekunden.
An EQ3 which provides three isolated frequency bins and can boost them, lower them, or leave them unchanged.
Die Verstärkung der Dezibel für jeden Frequenzbehälter.
Die niedrige/mittlere Übergangsfrequenz.
Die mittlere/hohe Crossover -Frequenz.
Das Mastervolumen des Synthesizers.
Die Basiszündung des Synthesizers.
Tasten können durch Klicken/Berühren mit MIDI -Tastatur oder mit Ihrer Computertastatur mit den unten gezeigten Hotkeys abgespielt werden.
Knöpfe können gedreht werden, indem entweder klicken/berührt und schleppt oder mit Ihrer Maus über sie schweben und scrollen.
Halten Sie die Verschiebung beim Scrollen schneller um die Knöpfe.
Schieberegler können nach oben und unten bewegt werden, indem Sie entweder klicken/berühren und schleppen oder mit Ihrer Maus über sie schweben und scrollen.
Wenn Sie die Verschiebung beim Scrollen halten, bewegt sich die Schieberegler schneller.
Dieses Projekt wurde als Portfolio-Stück für das Üben und Erlernen neuer Front-End-Entwicklungsfähigkeiten erstellt, speziell mit React.js und TypeScript. Ich wollte auch die Verwendung externer Bibliotheken einschränken und alle benutzerdefinierten CSS zum Styling verwenden.
Umfeld
Web -Audio -Framework
Sprache
Testen
Fühlen Sie sich frei, einen Beitrag zu leisten, indem Sie Probleme einreichen oder Anfragen auf GitHub ziehen. Vorschläge für Verbesserungen und konstruktive Kritik sind willkommen!
Sie können mich kontaktieren, indem Sie mir eine Nachricht über verlinkten in Verbindung senden.
