levada

Este projeto pretende ser um site no qual você pode praticar sua solução rítmica através de figuras rítmicas simples de uma batida. Experimente o site em https://vernalhav.github.io/levada/

Visão geral

A partitura de leitura à vista é uma tarefa assustadora. Você não apenas precisa se preocupar com assinaturas -chave, acidentes, acordes, articulações, mas também com o ritmo! Esse projeto surgiu como resultado da minha jornada tentando ser um músico melhor e querendo uma boa maneira de praticar a compreensão das figuras rítmicas mais comuns. O projeto foi fortemente inspirado nos vídeos de Saher Galt sobre ritmo.
Atualmente, o site está em sua versão mais barata possível, mas é o suficiente para começar a praticar!

1. Use o botão Adicionar ou remover batidas para especificar a quantidade desejada de batidas
2. Defina o BPM na quantidade desejada
3. Selecione o ritmo que você deseja praticar
   3.1. Selecionando quais figuras você deseja aparecer abrindo o painel "Selecionar figuras" (verificou a virilha) e adicionando batidas
   3.2. Definir um ritmo específico escolhendo cada figura individualmente no painel "Escolha Figura" (mais) e escolhendo as figuras desejadas
4. Clique no botão mudo
5. Jogue a sequência e clique em qualquer lugar abaixo do menu do botão sempre que achar que a nota deve ser reproduzida.
6. Lentino, jogue a sequência novamente e verifique seu progresso :)

Capturas de tela

Suporte do navegador

Plataforma	Cromo	Borda	Firefox	Safári
Computador	Sim	Sim	Sim	Não testado
iOS	Sim	Não testado	Não testado	Sim
Android	Sim	Não testado	Sim	Não testado

Sinta -se à vontade para testar isso em outros navegadores e atualizar este readme :)

Estrutura do projeto

├── 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!)

A lógica principal do aplicativo está contida nas páginas/mainpage/index.tsx, pois controla todos os outros eventos.
A lógica de jogo de som está no UTILS/PLAYBEAT.TSX.
Todo o processo de gerar novas figuras rítmicas e suas imagens e adicioná-las ao site pode ser encontrado em geradores de imagens e melhor explicado em seu ReadMe.

Contribuindo

Se você deseja contribuir para este projeto, obrigado! Você é mais que bem -vindo :)
Se você tiver alguma dúvida sobre o código e a estrutura do projeto, abra um problema e eu responderei o mais rápido possível. Deveria haver alguns problemas abertos; portanto, verifique se você gostaria de trabalhar. Não tenha vergonha de participar da discussão, mesmo que o problema já esteja atribuído a alguém.
Para contribuir, bifurcar o projeto, abra uma nova filial (de preferência com um nome semântico) e, quando terminar, abra uma solicitação de tração. Vou revisá -los o mais rápido possível, para que você não fique esperando por muito tempo por uma mesclagem ou feedback.
Para configurar o ambiente de desenvolvimento, basta executar npm install no diretório raiz e depois npm start .

Este é o meu primeiro projeto de reação, por isso, se você vir algum padrão, soluções hacky ou coisas que poderiam ser aprimoradas em geral, abra um problema com a tag [Melhoramento]! Estou sempre procurando maneiras de melhorar meu código :)
O feedback é sempre apreciado!

PENDÊNCIA:

• Sistema de pontuação !!
• Remova a figura rítmica para os geradores de imagem
• Melhor análise de notas pontilhadas em geradores de imagem/rhythms_data.json
• Jogue figuras rítmicas com várias batidas (e possivelmente exibi-las de uma maneira diferente)
  Todos esses problemas são mais detalhados na guia Questões. Sinta -se à vontade para contribuir!