Projeto onde desenvolvo um Simulador de Piano utilizando HTML, CSS e JavaScript com manipulação de DOM.
Bem-vindo ao Simulador de Piano! Neste repositório, você encontrará um divertido piano virtual com várias funções. Este projeto não apenas oferece entretenimento, mas também demonstra várias técnicas avançadas de desenvolvimento de jogos em JavaScript e muitos conceitos aplicados, desde manipulação de DOM até adição e remoção de classes dinâmicamente, estilização e edição de elementos, manipulação e edição de botões e utilização de pseudo-elementos usando before e after.
- HTML5 e CSS3 para a estrutura e aparência do jogo.
- JavaScript para a lógica de programação e interatividade.
- Botão de controle de volume: Aumente ou diminua o volume do som do piano clicando e arrastando a barra do botão de controle.
- Botão de ligar/desligar mapeamento de teclas: Ligue ou desligue o mapeamento das teclas do piano clicando no botão ligar/desligar.
Acesse o link https://netopetit.github.io/Simulador-de-Piano/ no seu navegador web, ou siga as seguintes etapas:
- Clone este repositório para sua máquina local.
- Abra o arquivo
index.html
em seu navegador web. - Use o mouse ou o teclado para tocar o piano virtual.
- Divirta-se explorando e tocando!
Contribuições são bem-vindas! Se você deseja melhorar este projeto, adicionar novos recursos ou corrigir problemas, sinta-se à vontade para abrir um pull request.
Este jogo foi desenvolvido como parte de um projeto educacional da Digital Innovation One.
Divirta-se tocando o Piano Virtual enquanto explora as técnicas modernas de desenvolvimento de jogos em JavaScript. Lembre-se de conferir o repositório original aqui e deixar uma ⭐️ se você gostou do projeto!