levada

Proyek ini bertujuan untuk menjadi situs web di mana Anda dapat mempraktikkan solfège ritmis Anda melalui angka ritmis satu-beat sederhana. Coba situs di https://vernalhav.github.io/levada/

Ringkasan

Lembar Bacaan Penglihatan Musik adalah tugas yang menakutkan. Anda tidak hanya perlu khawatir tentang tanda tangan utama, kecelakaan, akord, artikulasi, tetapi juga tentang ritme! Proyek ini muncul sebagai hasil dari perjalanan saya mencoba menjadi musisi yang lebih baik dan menginginkan cara yang baik untuk berlatih memahami figur ritmis yang paling umum. Proyek ini sangat terinspirasi oleh video Saher Galt tentang ritme.
Saat ini situs dalam versi Barest-Bones-nya mungkin, tetapi cukup untuk mulai berlatih!

1. Gunakan tombol Tambah atau Hapus Beats untuk menentukan jumlah ketukan yang diinginkan
2. Atur BPM ke jumlah yang diinginkan
3. Pilih ritme yang ingin Anda latih dengan baik
   3.1. Memilih angka mana yang ingin Anda tampilkan dengan membuka panel "SELECT Figur
   3.2. Menetapkan ritme spesifik dengan memilih setiap tokoh secara individual di panel "pilih gambar" (plus) dan memilih angka yang diinginkan
4. Klik tombol Mute
5. Mainkan urutan dan klik di mana saja di bawah menu tombol setiap kali Anda pikir catatan harus diputar.
6. Unmute, mainkan urutan lagi dan periksa kemajuan Anda :)

Tangkapan layar

Dukungan Browser

Platform	Chrome	Tepian	Firefox	Safari
Komputer	Ya	Ya	Ya	Belum dicoba
iOS	Ya	Belum dicoba	Belum dicoba	Ya
Android	Ya	Belum dicoba	Ya	Belum dicoba

Jangan ragu untuk menguji ini di browser lain dan perbarui readme ini :)

Struktur proyek

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

Logika utama aplikasi terkandung dalam halaman/mainpage/index.tsx, karena mengontrol semua peristiwa lainnya.
Logika bermain suara ada di utils/playbeat.tsx.
Semua proses menghasilkan tokoh-tokoh ritmik baru dan gambar mereka dan menambahkannya ke situs dapat ditemukan di generator gambar dan lebih baik dijelaskan pada readme-nya.

Berkontribusi

Jika Anda ingin berkontribusi pada proyek ini, terima kasih! Anda lebih dari diterima :)
Jika Anda memiliki pertanyaan tentang kode dan struktur proyek, silakan buka masalah dan saya akan membalas sesegera mungkin. Seharusnya ada beberapa masalah yang dibuka, jadi periksa apakah ada yang ingin Anda kerjakan. Jangan malu bergabung dengan diskusi bahkan jika masalah ini sudah ditugaskan kepada seseorang.
Untuk berkontribusi, garpu proyek, buka cabang baru (lebih disukai dengan nama semantik) dan kemudian ketika Anda selesai, buka permintaan tarik. Saya akan memeriksanya sesegera mungkin, jadi Anda tidak akan dibiarkan menunggu lama untuk bergabung atau untuk umpan balik.
Untuk mengatur lingkungan pengembangan, cukup jalankan npm install di direktori root dan kemudian npm start .

Ini adalah proyek React pertama saya, jadi jika Anda melihat anti-pola, solusi hacky atau hal-hal yang dapat ditingkatkan secara umum, buka masalah dengan tag [perbaikan]! Saya selalu mencari cara untuk membuat kode saya lebih baik :)
Umpan balik selalu dihargai!

TODO:

• Sistem penilaian !!
• Hapus sosok berirama untuk membuat gambar-generator '
• Parsing catatan putus-putus yang lebih baik dalam generator gambar/rhythms_data.json
• Mainkan angka berirama multi-beat (dan mungkin menampilkannya dengan cara yang berbeda)
  Semua masalah ini lebih terperinci di tab Masalah. Jangan ragu untuk berkontribusi!