levada

このプロジェクトの目的は、シンプルなワンビートリズミカルな人物を通してリズミカルなソルフェージュを練習できるWebサイトであることを目的としています。 https://vernalhav.github.io/levada/でサイトをお試しください

概要

視覚的な楽譜は困難な作業です。重要な署名、偶然、和音、関節だけでなく、リズムについても心配する必要があるだけでなく、このプロジェクトは、私の旅がより良いミュージシャンになろうとし、最も一般的なリズミカルな人物を理解するための良い方法を望んでいる結果として浮上しました。このプロジェクトは、Rhythmに関するSaher Galtのビデオに深く触発されました。
現在、このサイトは可能な限りBarest Bonesバージョンにありますが、練習を開始するのに十分です！

1. ビートの追加または削除ボタンを使用して、目的のビートを指定します
2. BPMを目的の量に設定します
3. どちらで練習したいリズムを選択します
   3.1。 「選択」（Checked Crotchet）ペインを開いてビートを追加して、表示したい数値を選択する
   3.2。 「選択」（プラス）ペインで各図を個別に選択して特定のリズムを設定し、目的の図を選択する
4. [ミュート]ボタンをクリックします
5. シーケンスを再生し、メモを再生する必要があると思うたびに、ボタンメニューの下の場所をクリックします。
6. ミュートを解除して、シーケンスを再度再生して、進捗状況を確認してください:)

スクリーンショット

ブラウザのサポート

プラットフォーム	クロム	角	Firefox	サファリ
コンピューター	はい	はい	はい	テストされていない
iOS	はい	テストされていない	テストされていない	はい
アンドロイド	はい	テストされていない	はい	テストされていない

これを他のブラウザでテストして、この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プロジェクトです。したがって、パターンアンチパターン、ハッキーなソリューション、または一般的に改善できるものが表示されたら、[改善]タグで問題を開いてください！私はいつも自分のコードをより良くする方法を探しています:)
フィードバックは常に大歓迎です！

TODO：

• 得点システム!!
• リズミカルなフィギュアを削除して画像生成者の作品にします
• 画像Generators/rhythms_data.jsonにおける点線のノートのより良い解析
• マルチビートのリズミカルなフィギュアを再生します（そして、おそらく別の方法でそれらを表示します）
  これらの問題はすべて、[問題]タブで詳細に詳述されています。お気軽に貢献してください！