levada

該項目旨在成為一個網站，您可以在其中通過簡單的一面有節奏的人物來練習節奏的節奏。在https://vernalhav.github.io/levada/嘗試該網站

概述

視覺閱讀樂譜是一項艱鉅的任務。您不僅需要擔心關鍵簽名，偶然的，和弦，發音，而且還需要節奏！由於我的旅程試圖成為一名更好的音樂家，並想要一種練習理解最常見的節奏人物的好方法，因此該項目出現了。該項目受到Saher Galt在節奏上的視頻的啟發。
目前，該網站是最寬的骨頭版本，但足以開始練習！

1. 使用添加或刪除節拍按鈕指定所需的節拍量
2. 將BPM設置為所需的金額
3. 選擇您要練習的節奏
   3.1。通過打開“選擇數字”（檢查的crotchet）窗格並添加節拍來選擇要出現的數字
   3.2。通過在“選擇圖”（Plus）窗格中單獨選擇每個圖來設置特定的節奏並選擇所需的圖形
4. 單擊靜音按鈕
5. 每當您認為應該播放音符時，請播放序列，然後單擊按鈕菜單下方的任何位置。
6. 取消靜音，再次播放序列並檢查您的進度:)

屏幕截圖

瀏覽器支持

平台	鉻合金	邊緣	Firefox	野生動物園
電腦	是的	是的	是的	未經測試
ios	是的	未經測試	未經測試	是的
安卓	是的	未經測試	是的	未經測試

可以隨意在其他瀏覽器中測試此內容，然後更新此讀數:)

項目結構

├── 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中。
生成新的節奏數字及其圖像並將它們添加到網站的所有過程都可以在圖像生成器中找到，並在其讀數上更好地解釋。

貢獻

如果您想為這個項目做出貢獻，謝謝！您非常歡迎:)
如果您對項目的代碼和結構有任何疑問，請打開一個問題，我會盡快回复。應該打開一些問題，因此請檢查您是否想處理任何問題。即使問題已經分配給某人，也不要害羞加入討論。
為了做出貢獻，分叉項目，打開一個新分支（最好用語義名稱），然後完成後，打開拉動請求。我將盡快審查它們，這樣您就不會等待很長時間合併或反饋。
要設置開發環境，只需在根目錄上運行npm install ，然後npm start 。

這是我的第一個React項目，因此，如果您看到任何反模式，黑客解決方案或可以改進的事物，請在[改進]標籤上打開一個問題！我一直在尋找使我的代碼更好的方法:)
反饋總是值得讚賞的！

托多：

• 評分系統！ ！
• 刪除有節奏的圖形到圖像生成器的製作
• 更好地解析圖像生成器/rhythms_data.json中的虛線筆記
• 播放多節奏的節奏圖（並可能以不同的方式顯示它們）
  所有這些問題在“問題”選項卡中更好地詳細介紹了。隨時做出貢獻！