Groove & Scale Practice Website

I created a website and by now think it deserves its own thread. The basic Idea came from @JerryP who made a Powerpoint (A Practice Aid). I took that idea and put it into a website.

https://bass-scale-practice.web.app/

I updated it and now it has following features:

  • 4 simple Beats + Metronome
  • All available with 0,5 - 3 bars of silence counted back from the end of the 4th bar and in 0,5 bar increments
  • Clash sound on 1 after silenced bars for the groove workout
  • All in 50-200bpm in 5 bpm increments
  • Always 42 bars: 1 count in, 40 bars of playing, 1 bar of silence (for the silenced drum tracks thereā€™s a ā€œplockā€ sound on 1 for the silence bar so you know when the silenced bars from the groove workout are finished)
    Looping always caused a small gap so I introduced the count in bar at the start and silence at the end.
  • Randomized display of Modes on Flashcards in a selectable interval. By default Major and Minor Scales are selected so the Ionian and Aeolian modes. You can select any checkbox and when you press play afterwards the mode is added to the randomizer for the flashcards
  • save settings to cookie, save settings as file and upload settings file
  • display format is selectable between ā€œnote mode (scale)ā€, ā€œnote modeā€, ā€œnote scaleā€ - while everything that isnā€™t the major and minor scale will be shown as mode in the ā€œnote modeā€ view if you selected ā€œnote scaleā€
  • Scale display time now in bars of measure
  • B2B Schedule created by @NicolasConstant as module

To-Do list:

  • convert b2b schedule to material and adjust design so theming works
  • Add Tasklist with Timer for structuring practice times

Thanks to @JerryP for the initial idea
To @T_dub, @eric.kiser, @joergkutter, @howard, @JoshFossgreen for encouragement, feedback and info on music theory.
To @tamaraster for additionally helping out with music theory.

Also thanks to @NicolasConstant for creating the B2B Schedule website.

I hope itā€™s helpful and would appreciate feedback. Is the mode selection okay or did I fudge something regarding music theory?

22 Likes

Thank you for the work youā€™ve put into this.

7 Likes

Wow @juli0r, you are amazing. Thanks for your hard work and dedication to the BassBuzz community.

5 Likes

Thanks @juli0r, thatā€™s a great resource. I just gave it a try and it works great!

6 Likes

Great work @juli0r!
Many thanks to you for publishing the website and everyone who contributed; a real community project!

3 Likes

Excellent contribution, @juli0r . . . :slight_smile:

Thanks very much for all your efforts! :+1:

Cheers, Joe

4 Likes

@juli0r thats brilliant.
Jamie

2 Likes

Thank you all for the kind responses. Glad the web app is appreciated.
This whole thing so far was build in an iterative approach and through feedback so donā€™t hesitate to give constructive feedback also.

Since I literally had nothing better to do today because bass training is off the second time in a row. Today due to back pain. I think I twisted a muscle in my training exercises or something. I was looking at my bass today and had the thoughts: ā€œI donā€™t want to leave out another day of practice, butā€¦ I donā€™t think my back will take it today. I should rather rest and hopefully be fully fit and healthy tomorrowā€ and my girlfriend saw me and commented: ā€œthis is the saddest and most desperate expression I ever saw from you.ā€

Sorry got sidetracked. So I had nothing better to do than update the practice website:

  • silent bars now go from 1/2 - 3 in 1/2 bar steps
  • thereā€™s a save button at the bottom - all settings will be saved to a cookie and loaded next time
  • display format is selectable between ā€œnote mode (scale)ā€, ā€œnote modeā€, ā€œnote scaleā€ - while everything that isnā€™t the major and minor scale will be shown as mode in the ā€œnode modeā€ view if you selected ā€œnote scaleā€

I also had a look into the possibility of downloading the settings so you can have multiple on disk and load them as necessary. Itā€™s added to the ā€œmaybeā€ todo list :wink:

Then thereā€™s also the schedule website someone else created and I had a closer look into the code. I will probably add it in as a module but leave it as it is including his name and everything. Also he uses service workers and Iā€™m not familiar with them. Learning new stuff again - tasty.

The tasklist with timers is a task thatā€™s a little bigger compared to the others so Iā€™m not sure if I even take it up.

Someone, I think @T_dub, suggested to me to create a gofundme. I did a paypal.me at the time because I already had an account but thatā€™s just for people with paypal andā€¦ well thereā€™s two donation buttons in the menu bar now. One paypal.me one gofundme.
That said I donā€™t really want or expect any money. Itā€™s just to give anyone the possibility who has the unresistable urge to pay me for what I created to do so, nothing else.

3 Likes

Oh man, sorry about your back.
I feel guilty that I like you taking a day off to work on this more.
I hope your back gets better soon however.

From your comments about not being able to practice because of back pain, I assume you always practice standing up? Is this true?
If so, are you able to sit and practice?
I think both, so you can still play now, but also for future practice, maybe sit some of it so you donā€™t strain your back so much??
Just some food for thought. Of course if you do sit and play, then that all goes out the window.

Again, great job, thanks again and again x infinity.

2 Likes

Yes.
Itā€™s an idea for long practice sessions as I had them the day before yesterday but overall I think itā€™s rather me sitting in my flat all day at the computer and not moving very much. I try to keep in shape with body-weight exercises but I usually just do them after the back started to hurt and this time I just waited too long I think. I gotta get into the habit of a schedule for that. So overall I donā€™t think itā€™s purely or even mainly bass related. With my age (33) I should not have back pain in normal situations when I at least keep halfway fit. I might have a look at straps that better distribute weight than the one I own anyway. Also I kinda feel whimpy when I think about Lanny shooting a nailgun through his hand and then going on to continue his practice.

Itā€™s all good. Itā€™s not like you would have wanted me to have pain and take a day off. I hope. If not I might actually get offended :wink:

2 Likes

Updaaaaaaaaaaaaate!

  • Download settings as *.json
  • Upload/Import settings from *.json
  • B2B Schedule website as additional module

All modules are lazy loaded so it could be that you have to wait a second until it shows up after navigating there. I donā€™t think a waiting spinner is worth it since there is no db connection or something like that. Everything should be quickly loaded.

Also I am soooooooooo annoyed. I found the reason for the gap in the loop:

THIS!
image
Why is it activated by default? Why would I want an extra second of silence? ARGH
Itā€™s probably still a good idea to have the count-in and silence anyway so one has a start- and endpoint.

3 Likes

Wowzer! That is amazing.

Now I just have to work out how to use itā€¦lol

3 Likes

For starters you can just leave it as it is, press play and have a drumbeat.
I thought the options to be relative self-explanatory but let me know if thereā€™s something specific I can help you with.

Now that I had another look at it and tried to clear my mind / have a fresh perspective: The scale playing time is only connected to how long the scale is shown. It is not in any way connected to the drum loop.
All other sliders are about the drum loop.

3 Likes

@juli0r, I am sorry about your back. I hope you are able to manage / recover as fast as possible. Once the various parameters (tempo, scale, etc.,) and press ā€˜Play,ā€™ what am I supposed to see?

When I press Play nothing happens. I do hear the beats, but thatā€™s it. Is there an ideal browser for the website?

4 Likes

The beat should start and at the top of the website should be a scale/mode shown for a certain amount of time. The amount of time is also an option - the first slider.

There are multiple ways to use this. You can either just play scales to the drumbeat or you can ignore the scales completely and use the groove workout with the silenced bars to keep the groove while the drums are silent.
And of course you can combine those to exercises. Play scales to the groove workout.
Does this explanation help?

Any browser that decently can run JavaScript should work.

3 Likes

Could be but apart from that you gave me an additional idea for the practice website! With just text you did a very good job but text is probably not the best medium to explain excercises.
Recently @gcancella joined and he develops something I could use so we can create and share excercises on the website.

So I did not have a closer look. I think I have to customize a bit to include fingers into fretting but itā€™s a good base to start from anyway. Also I am not sure what @gcancella had planned for the future.

I probably wonā€™t get to do that the next few days because my work weekend starts again. Still so far I really like the idea and am excited about it. What do you and others think?

Moved it here because it fits better into the topic. Itā€™s not very pinky specific.

4 Likes

Sorry to edit my post away while you were typing. As said I realized my post fits more into this thread.

Yes of course a bunch of free exercises exist from different sources. If you know something similar of what I was talking about - an interface to create and share exercises with a specific easy to understand notation then it would really be useless but I havenā€™t seen such a thing.

I usually spend my time coding when either my fingers as well as my vocal chords deserve some rest or in the middle of the night with my girlfriend sleeping in the room. Sometimes I practice with headphones but itā€™s a bit of a hassle and my hands already deserve a longer rest.

Also itā€™s good for me to not get out of practice and Iā€™m learning a lot about music theory as well as Frontend coding by just doing it and I became a programmer because I have fun doing it. And not having someone tell me what to code? Doing what I like to do and experiment with things I want to without time pressure? Itā€™s amazing.

6 Likes

Your efforts are appreciated. Thank you.

4 Likes

image

Does this answer your question? :stuck_out_tongue:

Btw, the available link, does not reflect the latest version. This was a relatively private project until I made my introduction post.

3 Likes

Oh yeah! Amazing idea and project you have going on there.

Hope you are excited as I am to see it in a realistic scenario.

If you make it a little less private I might be willing to contribute anything I adjust for the feature I mentioned.

3 Likes