retro web synth
1.0.0
Um sintetizador de som baseado na Web de código aberto construído com React, TypeScript e Tone.JS. Este polissynth apresenta dois osciladores que podem ser tocados em conjunto, pressionando as teclas de piano. Cada oscilador possui quatro formas de onda para escolher e é roteado através de um envelope de amplitude, filtro biquadrático e um equalizador de três compartimentos, permitindo controle total sobre a forma e as frequências do som. O som pode ser alterado ainda mais com efeitos, incluindo atraso de feedback, esmagador de bits, distorção e reverb. A saída do instrumento também é visualizada na tela enquanto as notas estão sendo tocadas.
Demoção ao vivo
Os sintetizadores podem ser bastante intimidadores se você não estiver familiarizado com eles, mas for bem simples quando você entende o que tudo faz. Se você é novo nos sintetizadores, recomendo começar, tocando as teclas com as configurações padrão e ajustando lentamente configurações básicas, como as formas de onda do oscilador ou tocando com os efeitos com cerca de 30% no botão úmido correspondente. Tenha cuidado para não fazer muitas mudanças drásticas nas configurações que você não entende, porque pode ser muito alto!
A single cycle waveform looped to match a specific pitch which creates the synthesizer's base voices.
A forma da saída de som pelo oscilador. Pode ser definido como: seno, quadrado, triângulo ou dente de serra.
A saída de volume do oscilador em decibéis.
A posição inicial dentro do ciclo do oscilador em graus. Por exemplo, uma fase de 180 ° começaria no meio do ciclo do oscilador.
O sinal de controle de detenção em centavos. Por exemplo, um detento de 100 centavos mudaria o som para frente meio passo.
Dica: tente definir um oscilador para -1200 e o outro a 1200 para obter um efeito legal!
An amplitude envelope which shapes the attack, decay, sustain, and release of the sound.
A quantidade de tempo que leva para o envelope atingir seu valor máximo em segundos.
Após a parte de ataque do envelope, o valor cairá ao longo da duração do tempo de decaimento para o valor sustentado em segundos.
O valor em que o envelope repousa após o ataque do envelope ser acionado antes da liberação.
A quantidade de tempo que leva para o envelope cair em seu valor mínimo em segundos.
A biquad filter which blocks certain frequencies while allowing others to pass through.
Gráfico que visualiza os dados de frequência (FFT) e a resposta de frequência do filtro. O eixo y é decibéis e o eixo x são as frequências em Hertz (escala da base de log 10).
A forma do filtro. Pode ser definido como: AllPass, LowPass, HighPass, Lowshelf, Highshelf, Notch ou BandPass.
Nota: Alguns tipos não são afetados por determinadas configurações, por exemplo, o AllPass permite todas as frequências por meio de configurações.
A queda em decibéis por oitava.
O q ou fator de qualidade do filtro.
A frequência em que o filtro cai.
A razão entre a potência de saída para a potência de entrada do sinal em decibéis.
A feedback delay which postpones a signal and can feed the signal back into itself.
A porcentagem do sinal do efeito que passará para a saída. 0% não tem efeito e 100% só emitirá o efeito com nenhum sinal original.
A quantidade de tempo entre o sinal original e o sinal atrasado em milissegundos.
A quantidade de sinal que é devolvida à entrada do efeito.
BitCrusher down-samples the incoming signal to a different bit depth. Lowering the bit depth of the signal creates distortion.
A porcentagem do sinal do efeito que passará para a saída. 0% não tem efeito e 100% só emitirá o efeito com nenhum sinal original.
A profundidade do bit do efeito.
A simple effect which alters a signal creating a distorted sound.
A porcentagem do sinal do efeito que passará para a saída. 0% não tem efeito e 100% só emitirá o efeito com nenhum sinal original.
A porcentagem da intensidade da distorção.
A simple convolution which emulates the sound in a closed space with decaying noise.
A porcentagem do sinal do efeito que passará para a saída. 0% não tem efeito e 100% só emitirá o efeito com nenhum sinal original.
A duração do reverb em segundos.
An EQ3 which provides three isolated frequency bins and can boost them, lower them, or leave them unchanged.
O ganho em decibéis para cada caixa de frequência.
A frequência de crossover baixa/média.
A frequência crossover média/alta.
O volume mestre do sintetizador.
A oitava base do sintetizador.
As teclas podem ser reproduzidas clicando/tocando -as, com teclado MIDI ou com o teclado do computador com as teclas de hot teclas mostradas abaixo.
Os botões podem ser girados clicando/tocando e arrastando ou pairando sobre eles com o mouse e rolando.
Manter o turno enquanto rolar gira os botões mais rapidamente.
Os controles deslizantes podem ser movidos para cima e para baixo clicando/tocando e arrastando ou pairando sobre eles com o mouse e rolando.
Manter o turno enquanto rolar move os controles deslizantes mais rapidamente.
Este projeto foi criado como uma peça de portfólio para praticar e aprender novas habilidades de desenvolvimento de front-end, especificamente usando o React.js e o TypeScript. Eu também queria limitar o uso de bibliotecas externas e usar todos os CSs personalizados para estilo.
Ambiente
Estrutura de áudio da web
Linguagem
Teste
Sinta -se à vontade para contribuir enviando questões ou solicita solicitações no GitHub. Sugestões de melhorias e críticas construtivas são bem -vindas!
Você pode entrar em contato comigo enviando -me uma mensagem vinculada.
