# Untitled

<div align="left" data-full-width="true"><figure><img src="https://101341038-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZRmXOOGpxNLXmUCZea6a%2Fuploads%2FtZWvwhJNVxLDORIXYraB%2FRusty-Krabby-Synthie-4-25-2024%20(2).png?alt=media&#x26;token=aa8761ea-78cd-4913-8e50-6d4fd4f8d50e" alt=""><figcaption><p><em><strong>by Nicolette Cash, Yiwei Ding, Venkatakrishnan Krishnan, Aleksandra Ma, and TeAiris Majors</strong></em></p></figcaption></figure></div>

## Welcome

Hello and welcome to the landing page for using our Rust Web Synthesizer!

Whether you're an experienced musician or just getting started with synthesizers, our web-based instrument is here to ignite your creativity and explore the world of electronic music.&#x20;

<figure><img src="https://101341038-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZRmXOOGpxNLXmUCZea6a%2Fuploads%2FsxP2RuOZUuxh9YwawRDt%2Fmr_krabb.png?alt=media&#x26;token=e63b3975-8d91-4fc8-938c-8e035938d35e" alt="" width="188"><figcaption></figcaption></figure>

### Understanding Synthesizers

In order to make the most of our Rust Web Synthesizer, it's helpful to have a basic understanding of how synthesizers work. A synthesizer is an electronic musical instrument that generates and manipulates sound waves. Using various parameters such as oscillators, filters, and envelopes, synthesizers create a wide range of sounds, from simple tones to complex textures. These sounds can be used in various contexts, such as music production, sound design, and live performances.

### Getting Started&#x20;

To begin your musical journey with our Rust Web Synthesizer, simply navigate to our website (insert link.&#x20;

{% hint style="success" %}
No installation required - our synthesizer runs directly in your browser, allowing you to start creating music instantly.
{% endhint %}

<figure><img src="https://101341038-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZRmXOOGpxNLXmUCZea6a%2Fuploads%2FD10bMFS4BXvIPZtHJ3j6%2Fsponge-bob-transparent.png?alt=media&#x26;token=3967da99-e868-45d1-9916-78ef01746869" alt="" width="137"><figcaption></figcaption></figure>

<figure><img src="https://101341038-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZRmXOOGpxNLXmUCZea6a%2Fuploads%2FUYKcDLPP5sc5jPDlsELO%2FScreenshot%202024-04-25%20at%202.21.44%E2%80%AFPM.png?alt=media&#x26;token=ed055f26-fab1-4653-8fd0-014ec8771014" alt=""><figcaption></figcaption></figure>

### Features

Our Rust Web Synthesizer offers a wide range of features to enhance your musical experience. From selectable waveforms to filters, you'll find everything you need to craft unique sounds and melodies. Here is a descriptive list of filter types and oscillators that you can experiment with:

{% tabs %}
{% tab title="Oscillators " %}

### Choose from multiple oscillator options including sine, square, triangle, and sawtooth waveforms.

<figure><img src="https://101341038-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZRmXOOGpxNLXmUCZea6a%2Fuploads%2FM2tWbQdDxOA1uxqTFzzC%2F1.png?alt=media&#x26;token=425a6443-de6b-41cb-ae41-f99ae732a3bf" alt="" width="188"><figcaption></figcaption></figure>

#### Sine: This oscillator produces a smooth and pure tone, ideal for creating soft and ambient sounds.

<figure><img src="https://101341038-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZRmXOOGpxNLXmUCZea6a%2Fuploads%2FVCt6XN02Wr0OukRgFTUl%2F5.png?alt=media&#x26;token=e80ceced-9668-4975-b84b-3e44b25977d7" alt="" width="188"><figcaption></figcaption></figure>

#### Square: This oscillator produces a rich and edgy tone, commonly used in genres like EDM and dubstep.

<figure><img src="https://101341038-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZRmXOOGpxNLXmUCZea6a%2Fuploads%2F9ShyVhpajo6FLVJ5lJ0x%2F3.png?alt=media&#x26;token=00d52363-c358-4aa2-8483-55bd9d906bf0" alt="" width="188"><figcaption></figcaption></figure>

#### Triangle: This oscillator creates a mellow and smooth tone, perfect for pads and atmospheric sounds.

<figure><img src="https://101341038-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZRmXOOGpxNLXmUCZea6a%2Fuploads%2FgIQdBKXVAqZaVDvOusZY%2FSawtooth.png?alt=media&#x26;token=19c59cfb-4b51-40d9-abea-f74ed2874def" alt="" width="188"><figcaption></figcaption></figure>

#### Sawtooth: This oscillator delivers a bright and sharp tone, great for creating lead sounds and adding aggression to your tracks.

<figure><img src="https://101341038-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZRmXOOGpxNLXmUCZea6a%2Fuploads%2FRbS3Rr9QZJ17IZbA4AAG%2F4.png?alt=media&#x26;token=dd8d7da2-dbcb-464c-8f8e-36bd8dacbafe" alt="" width="188"><figcaption></figcaption></figure>

#### Noise: This oscillator generates random noise, perfect for adding texture and effects to your music.

{% endtab %}

{% tab title="Osc. Params" %}

#### Gain: Use the gain control to adjust the overall volume of your oscillator.

#### Detune: Change the pitch of your oscillator by detuning it slightly.

#### + : Add Additional Oscillator

#### x : Remove Oscillator&#x20;

{% endtab %}

{% tab title="Filters" %}

### Explore different filter types such as low-pass, high-pass, and band-pass filters to shape your sound.

<figure><img src="https://101341038-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZRmXOOGpxNLXmUCZea6a%2Fuploads%2FMgzpyGO72DFCfpuZPCbb%2F2.png?alt=media&#x26;token=1cbb8d90-acc8-4c73-8654-cba2e229971b" alt="" width="188"><figcaption></figcaption></figure>

#### High-pass: This filter allows frequencies above a certain cut-off point to pass through, while attenuating frequencies below it.

<figure><img src="https://101341038-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZRmXOOGpxNLXmUCZea6a%2Fuploads%2FpAaEz7KLAnBSYvHFilss%2F1.png?alt=media&#x26;token=e8fdf7e4-829a-450d-8cf0-ff7f30703cd4" alt="" width="188"><figcaption></figcaption></figure>

#### Band-pass: This filter allows a specific range of frequencies to pass through, attenuating frequencies outside of that range.

<figure><img src="https://101341038-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZRmXOOGpxNLXmUCZea6a%2Fuploads%2Faudl47HUF6lgCUvk8OV7%2F3.png?alt=media&#x26;token=e07e3056-448c-4aca-a997-7b7579138b4e" alt="" width="188"><figcaption></figcaption></figure>

#### Low-pass: This filter allows frequencies below a certain cut-off point to pass through, while attenuating frequencies above it.

<figure><img src="https://101341038-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZRmXOOGpxNLXmUCZea6a%2Fuploads%2F7lpwRYR5LtDz6C369dpP%2F4.png?alt=media&#x26;token=2cb5f57b-490a-4fb8-9355-3fd9d1637f38" alt="" width="188"><figcaption></figcaption></figure>

#### Power Button: Deactivation Filter&#x20;

#### Frequency: Adjust the frequency control to determine the cut-off point or center frequency of your filter.

{% endtab %}

{% tab title="LFO" %}

### After choosing your filter type you can adjust the frequency and amplitude.

#### Freq: This determines how fast the Low Frequency Oscillator modulates the parameter of your choice.

#### Amp: This controls the depth or intensity of the modulation applied by the Low Frequency Oscillator.

<figure><img src="https://101341038-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZRmXOOGpxNLXmUCZea6a%2Fuploads%2F7lpwRYR5LtDz6C369dpP%2F4.png?alt=media&#x26;token=2cb5f57b-490a-4fb8-9355-3fd9d1637f38" alt="" width="188"><figcaption></figcaption></figure>

#### Power Button: Deactivation LFO&#x20;

{% endtab %}

{% tab title="Envelope" %}

#### Attack: This controls the amount of time it takes for a sound to reach its maximum volume after a key is pressed.

#### Decay: This controls the amount of time it takes for a sound to decrease in volume after reaching its maximum level.

#### Sustain: This determines the level at which the sound is held after the decay phase.

{% endtab %}
{% endtabs %}

### QWERTY Keyboard Input

Our Rust Web Synthesizer also has the capability to take input from your QWERTY keyboard, turning it into a musical controller. You can also press the keys using the mouse pointer.&#x20;

<figure><img src="https://101341038-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZRmXOOGpxNLXmUCZea6a%2Fuploads%2FkMwXzasEYWuzKDY7lC8P%2FScreenshot%202024-04-25%20at%203.41.23%E2%80%AFPM.png?alt=media&#x26;token=441dd11a-ffc6-4842-834d-f79de1d9535a" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
Octave Shift: Adjust the octave to play higher or lower notes using the "Z" key (octave down) and the "X" key (octave up), allowing you to explore a wider range of musical possibilities.
{% endhint %}

### Tutorials

For those new to synthesizers, we provide a thorough demonstrate to help you understand the basics of sound synthesis and how to use our web synthesizer effectively. Whether you're interested in creating fat bass lines or futuristic leads, our overview video will guide you through the process step by step.

{% embed url="<https://youtu.be/EpEu4Hxjszw?si=hT1QzGcPc-aLa6Vk>" %}