Una herramienta interactiva para ayudar a los guitarristas a memorizar las notas en el diapasón de la guitarra a través de un juego con retroalimentación visual.
El proyecto consta de los siguientes archivos principales:
index.html: Estructura HTML de la página web.styles.css: Estilos CSS para la apariencia de la página.script.js: Funcionalidades interactivas utilizando JavaScript.
Puedes utilizar esta aplicación de dos formas: localmente o mediante el despliegue en GitHub Pages.
Para instalar y utilizar esta aplicación en tu máquina local, sigue estos pasos:
- Clona el repositorio en tu máquina local.
- Asegúrate de tener los archivos
index.html,styles.cssyscript.js. - Coloca un archivo de sonido
click.mp3en el mismo directorio. - Abre el archivo
index.htmlen tu navegador web preferido.
La herramienta ya ha sido desplegada en GitHub Pages. Puedes acceder a ella utilizando el siguiente enlace:
Fretboard Mastery en GitHub Pages
La aplicación ofrece tres niveles de dificultad, cada uno con un intervalo de tiempo diferente para cambiar la nota:
- Explorer (4 segundos)
- Hero (3 segundos)
- Legend (2 segundos)
Para iniciar el juego, selecciona uno de los niveles de dificultad.
La barra de progreso en la parte inferior de la página indica el tiempo restante hasta que la nota cambie. Un sonido de clic se reproducirá cada vez que la nota cambie.
- Selecciona una Nota: Haz clic en la nota correcta en el diapasón de la guitarra. Si seleccionas la nota correcta, el botón se quedará de color verde y mostrará la nota.
- Detener y Reanudar: Puedes pausar y reanudar el juego utilizando el botón "Pause/Resume".
Esta aplicación fue creada como una herramienta didáctica para guitarristas que desean mejorar su conocimiento del diapasón de la guitarra.
Creado por Joshua Gonzalez.