/Simulador-de-Piano

Um divertido piano virtual criado com HTML, CSS e JavaScript usando manipulação de DOM.

Primary LanguageCSS

Simulador de Piano

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.

Tecnologias Utilizadas

  • HTML5 e CSS3 para a estrutura e aparência do jogo.
  • JavaScript para a lógica de programação e interatividade.

Funcionalidades Incríveis

  • 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.

Como Jogar

Acesse o link https://netopetit.github.io/Simulador-de-Piano/ no seu navegador web, ou siga as seguintes etapas:

  1. Clone este repositório para sua máquina local.
  2. Abra o arquivo index.html em seu navegador web.
  3. Use o mouse ou o teclado para tocar o piano virtual.
  4. Divirta-se explorando e tocando!

Contribuição

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.

Créditos

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!