levada

Este proyecto tiene como objetivo ser un sitio web en el que pueda practicar su solfège rítmico a través de figuras rítmicas simples de un solo golpe. Pruebe el sitio en https://vernalhav.github.io/levada/

Descripción general

La partitura de lectura de la vista es una tarea desalentadora. ¡No solo debe preocuparse por las firmas clave, accidentes, acordes, articulaciones, sino también por el ritmo! Este proyecto surgió como resultado de mi viaje tratando de ser un mejor músico y querer una buena manera de practicar la comprensión de las figuras rítmicas más comunes. El proyecto se inspiró fuertemente en los videos de Saher Galt sobre el ritmo.
Actualmente, el sitio está posible en su versión de Barest-Bones, ¡pero es suficiente para comenzar a practicar!

1. Use el botón Agregar o eliminar ritmos para especificar la cantidad deseada de ritmos
2. Establezca el BPM en la cantidad deseada
3. Seleccione el ritmo que desee practicar por cualquiera
   3.1. Seleccionar qué figuras desea aparecer abriendo el panel "Seleccionar figuras" (Crujado de entrepierna) y agregando ritmos
   3.2. Establecer un ritmo específico eligiendo cada figura individualmente en el panel "Elija Figura" (más) y eligiendo las figuras deseadas
4. Haga clic en el botón MUTE
5. Reproduzca la secuencia y haga clic en cualquier lugar debajo del menú del botón siempre que crea que se debe reproducir la nota.
6. Informe, vuelva a reproducir la secuencia y verifique su progreso :)

Capturas de pantalla

Soporte del navegador

Plataforma	Cromo	Borde	Firefox	Safari
Computadora	Sí	Sí	Sí	No probado
iOS	Sí	No probado	No probado	Sí
Androide	Sí	No probado	Sí	No probado

Siéntase libre de probar esto en otros navegadores y actualizar este readme :)

Estructura de proyectos

├── image-generators            # All automation to generate the rhythmic figure images and specify the way they will be played 
│   ├── lilypond                # Rhythmic figures' lilypond files. This directory is completely optional.
│   ├── scripts                 # Python scripts that build and patch the corresponding template and index files
│   └── templates               # Lilypond and typescript template common to all rhythmic figures
├── sceenshots                  # Project screenshots
├── public                      # Basic HTML and website icon
└── src                         
    ├── assets                  
    │   ├── RhythmicFigures     # All rhythmic figure images and rhythm specifications (as per image-generators/rhythms_data.json)
    │   │   └─── ...
    │   ├── images              # Icons and general purpose images
    │   ├── sounds              # Metronome beat and snap sounds
    │   └── styles              # Global CSS styling
    ├── components              # React components and their individual CSS
    │   └── ...
    ├── pages                   # React elements that correspond to each page and their individual CSS
    │   └── ...
    └── utils                   # Utility functions (playBeat is here!)

La lógica principal de la aplicación está contenida en páginas/mainPage/index.tsx, ya que controla todos los demás eventos.
La lógica de juego de sonido está en Utils/PlayBeat.tsx.
Todo el proceso de generar nuevas figuras rítmicas y sus imágenes y agregarlas al sitio se puede encontrar en generadores de imágenes y se explica mejor en su readme.

Que contribuye

Si desea contribuir a este proyecto, ¡gracias! Eres más que bienvenido :)
Si tiene alguna pregunta sobre el código y la estructura del proyecto, abra un problema y responderé lo antes posible. Debe haber algunos problemas abiertos, así que verifique si hay alguno en los que le gustaría trabajar. No seas tímido al unirte a la discusión, incluso si el problema ya está asignado a alguien.
Para contribuir, bifurca el proyecto, abra una nueva rama (preferiblemente con un nombre semántico) y luego, cuando haya terminado, abra una solicitud de extracción. Los revisaré lo antes posible, para que no se quede esperando mucho una fusión o para comentarios.
Para configurar el entorno de desarrollo, simplemente ejecute npm install en el directorio raíz y luego npm start .

Este es mi primer proyecto React, por lo que si ve algún antipatrón, soluciones hacky o cosas que podrían mejorarse en general, ¡abra un problema con la etiqueta [Mejora]! Siempre estoy buscando formas de mejorar mi código :)
¡Siempre se agradece la retroalimentación!

HACER:

• Sistema de puntuación !!
• Eliminar la figura rítmica a la marca de los generadores de imágenes
• Mejor análisis de notas punteadas en Generadores de Imagen/Rhythms_Data.Json
• Juega figuras rítmicas multi-beat (y posiblemente las muestre de una manera diferente)
  Todos estos problemas son mejor detallados en la pestaña TOSOS. ¡Siéntete libre de contribuir!