Música sem arquivos: como sintetizamos sons em jogos de navegador
Quando um bloco encaixa no Prisma e faz um "tuc", ou quando três joias somem em Joias Mágicas com um som cintilante, nenhum arquivo de áudio foi baixado. Esses sons são criados na hora, por código. Vale entender como.
O som é uma onda
Um som é uma vibração do ar. A frequência da vibração define se ele é grave ou agudo, medida em hertz (Hz). A nota Lá central de um piano vibra a 440 Hz. Um oscilador é um gerador dessa vibração. Ele pode gerar diferentes formatos de onda, e cada um tem um timbre.
- Senoidal (sine): som puro e suave, como um apito.
- Triangular (triangle): parecido com a senoidal, um pouco mais brilhante.
- Quadrada (square): som "de videogame antigo".
- Dente de serra (sawtooth): som áspero e cheio de harmônicos.
O envelope: dar forma ao som
Se um oscilador simplesmente liga e desliga, o som estala. Para soar bem, o volume precisa subir e descer suavemente. Esse desenho do volume ao longo do tempo é o envelope. Um efeito curto, como o de um clique, sobe em milésimos de segundo e cai rápido. Uma nota de música sobe com calma e some devagar.
De notas a melodias
Para transformar frequências em notas, usa-se a escala temperada: cada semitom multiplica a frequência por cerca de 1,0595, ou seja, a raiz doze de dois. Sabendo a frequência de uma nota base, é possível calcular todas as outras. Uma melodia vira uma lista de notas com seus tempos, e um contador agenda cada uma no momento certo.
Efeitos são melodias minúsculas
Um som de vitória é uma sequência rápida de notas subindo. Um som de erro é uma sequência descendo. Um efeito de "clique" é uma nota bem curta. Ao combinar duas ou três notas com tempos pequenos de diferença, criamos a sensação de brilho ou de impacto.
Vantagens de sintetizar
- Carregamento leve: sem arquivos de áudio, a página abre mais depressa.
- Ajuste fácil: mudar o volume, o tom ou o andamento é só mudar um número.
- Variação: dá para levemente alterar o som a cada vez, evitando que se torne repetitivo.
Por que o navegador pede um toque primeiro?
Navegadores só liberam o som depois que a pessoa interage com a página, para evitar sons inesperados. É por isso que você às vezes só ouve o jogo depois de tocar em "jogar".
Experimente
Abra o Prisma ou Joias Mágicas, entre em Configurações e ajuste os volumes de música e efeitos: você está mexendo em números que controlam esses osciladores.