يهدف هذا المشروع إلى أن يكون موقعًا إلكترونيًا يمكنك من خلاله ممارسة Solfège الإيقاعي من خلال شخصيات إيقاعية بسيطة واحدة. جرب الموقع على https://vernalhav.github.io/levada/
موسيقى القراءة البصر هي مهمة شاقة. لا داعي للقلق فقط بشأن التوقيعات الرئيسية ، والصداحات ، والحبال ، والتعبيرات ، ولكن أيضًا حول الإيقاع! ظهر هذا المشروع نتيجة لرحلتي في محاولة أن أكون موسيقيًا أفضل وأريد طريقة جيدة لممارسة فهم الشخصيات الإيقاعية الأكثر شيوعًا. كان المشروع مستوحى بشدة من مقاطع فيديو Saher Galt على الإيقاع.
حاليا الموقع في إصداره Barest Bones ، لكنه يكفي للبدء في التدريب!
![]() | ![]() |
|---|
| منصة | الكروم | حافة | Firefox | سفاري |
|---|---|---|---|---|
| حاسوب | نعم | نعم | نعم | لم يخبر |
| iOS | نعم | لم يخبر | لم يخبر | نعم |
| Android | نعم | لم يخبر | نعم | لم يخبر |
لا تتردد في اختبار هذا في متصفحات أخرى وتحديث هذه القراءة :)
├── 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 ، لذلك إذا رأيت أي نماذج مضادة أو حلول اختراق أو أشياء يمكن تحسينها بشكل عام ، فيرجى فتح مشكلة مع علامة [التحسين]! أنا أبحث دائمًا عن طرق لجعل رمزتي أفضل :)
ردود الفعل دائما موضع تقدير!