/waa-synth

Sintetizador programado con Javascript, utilizando la Web Audio API.

Primary LanguageJavaScript

web-audio-api-synth

Ejercicio de programación y de síntesis.

Sobre el Sinte y cómo usarlo

Esta idea de sintetizador sigue en desarollo y esta hecho con JavaScript (utilizando la Web Audio API), html y css. Es un ejercicio de programación pero tambien uno sobre sintesis.

  1. Para empezar a jugar, si tocas el boton "preset random", te configura los parámetros en una de cinco posibilidades que programé :)
  2. Luego podes empezar a jugar con los parámetros desde ahí.
  3. Cambio de frecuencia de los osciladores:
    • Con el slider del input "Freq"
    • Tocando con el teclado qwerty (en desktop) teclado qwerty con notas
    • Se puede variar un poco la afinación con el input "detune", 50 cents hacia arriba o hacia abajo (50 cents = 1/4 de tono);
    • Cada oscilador se puede cambiar de octava independientemente.
  4. El sintetizador cuenta con tres osciladores que pueden prenderse o apagarse independientemente, a los cuales se les puede modificar la forma de onda (sinusoide, triangular, cuadrada o diente de sierra), también el volumen, la octava y la nota. Los osciladores pasan por un filtro que puede ser LP, BP o HP, con controles de CutOff y Resonancia. El LFO tiene parámetros de forma de onda, rate y amount y la posibilidad de modular tres parametros: la frecuencia de corte del filtro, el pitch del OSC I y/o el pitch del OSC II. Finalmente hay un delay y luego el volumen Master.
  5. Si en el OSC III es tildada la casilla "free", su frecuencia no se va a modificar con el teclado junto con la de los otros dos osciladores, quedando en la ultima que fue ingresada (la cual se puede modificar a traves del input "Freq").
  6. Se puede reducir el zoom de la ventana del navegador si es necesario para poder visualizar todos los controles.
  7. Los controles se pueden manipular tambien solo con el teclado, usando la tecla TAB para desplazarse, las flechas del teclado para incrementar/disminuir, y el enter para ingresar en los selectores de onda por ejemplo.

Data útil:
harmonic series calculator
Frequencies for equal-tempered scale, A4 = 440 Hz
Hecho por Jus
ver código en github