levada

Этот проект направлен на то, чтобы стать веб-сайтом, на котором вы можете практиковать свой ритмичный сольфеты с помощью простых ритмических фигур. Попробуйте сайт по адресу https://vernalhav.github.io/levada/

Обзор

Ноты для чтения прицелов - сложная задача. Вам нужно беспокоиться не только о ключевых подписях, случайных случаях, аккордах, артикуляциях, но и о ритме! Этот проект возник в результате моего путешествия, пытаясь стать лучшим музыкантом и желать хорошего способа практиковать понимание самых распространенных ритмических фигур. Проект был сильно вдохновлен видео Сахера Галта о ритме.
В настоящее время сайт находится в своей версии Barest-Bones, но этого достаточно, чтобы начать практиковать!

1. Используйте кнопку «Добавить или удалить биты», чтобы указать желаемое количество ударов
2. Установите BPM на желаемую сумму
3. Выберите ритм, который вы хотите практиковать, любым
   3.1. Выбор цифр, которые вы хотите отобразить, открыв панель «Выбрать фигуры» (проверенный промежуток) и добавив удары
   3.2. Установка определенного ритма, выбирая каждую фигуру индивидуально на панели «Выберите фигуру» (плюс) и выбрав желаемые цифры
4. Нажмите кнопку «Морех»
5. Воспроизведите последовательность и нажмите в любом месте под меню кнопок, когда вы думаете, что следует воспроизводить заметку.
6. Вреканий, снова воспроизводите последовательность и проверьте свой прогресс :)

Скриншоты

Поддержка браузера

Платформа	Хром	Край	Firefox	Сафари
Компьютер	Да	Да	Да	Непроверенный
ios	Да	Непроверенный	Непроверенный	Да
Android	Да	Непроверенный	Да	Непроверенный

Не стесняйтесь проверять это в других браузерах и обновить это Readme :)

Структура проекта

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

Основная логика приложения содержится на страницах/mainpage/index.tsx, поскольку оно управляет всеми другими событиями.
Логика звука в Utils/playbeat.tsx.
Весь процесс генерации новых ритмических фигур и их изображений и добавления их на сайт можно найти в генераторах изображения и лучше объяснены на его Readme.

Внося

Если вы хотите внести свой вклад в этот проект, спасибо! Добро пожаловать :)
Если у вас есть какие -либо вопросы о коде и структуре проекта, откройте проблему, и я отвечу как можно скорее. Должно быть открыто несколько проблем, поэтому проверьте, есть ли какие -либо, над которыми вы хотели бы поработать. Не стесняйтесь присоединиться к обсуждению, даже если проблема уже кому -то назначена.
Чтобы внести свой вклад, разделите проект, откройте новый филиал (предпочтительно с семантическим именем), а затем, когда вы закончите, откройте запрос на притяжение. Я рассмотрю их как можно скорее, так что вы не будете долго ждать слияния или обратной связи.
Чтобы настроить среду разработки, просто запустите npm install в корневом каталоге, а затем npm start .

Это мой первый проект React, поэтому, если вы видите какие-либо анти-паттерны, хакерские решения или вещи, которые могут быть улучшены в целом, пожалуйста, откройте проблему с тегом [улучшения]! Я всегда ищу способы сделать свой код лучше :)
Обратная связь всегда ценится!

Тодо:

• Система оценки !!
• Удалить ритмичную фигуру в генераторы изображения
• Лучший анализ пунктирных заметок в генераторах изображения/rhythms_data.json
• Играть в многокачественные ритмические фигуры (и, возможно, отображать их по-другому)
  Все эти проблемы лучше подробно описаны на вкладке «Проблемы». Не стесняйтесь вносить свой вклад!