Last week was quite a busy week. This unfortunately means that I couldn't achieved what I planned. But I still managed to do the essential.
First, the instruments. The synth has been replaced by two sampled instruments: xylophone and piano. Although for reasons I can't explain, the xylophone is glitched on Firefox and only comes out from the left speaker (even while the samples are perfectly fine). Well, I'll find other samples, in hope that it will fix that. Also, I tried to manually create a synth with Tone… But couldn't get the lowpass filter to work correctly. So I plan to use a very simple workaround: create my own sound with an appropriate software (LMMS will do just fine), then use ot a sample! Easy.
Secondly, I added the missing UI elements. You can now edit the signature, the BPM, and the instrument. For now it looks like this:
VueX makes this kind of controls quite easy to add! Once the state and actions are defined, everything just updates by itself. It's nice. The only difficulty was the BPM. For some reason, Tone.JS would sometimes stop when the BPM is edited. So I came up with a pretty ugly solution, but that fix the issue: before changing the BPM, I stop the sequencer, then make play it again. Then, I wait one beat (with a timeout), and if the sequencer has stopped, I start it again. Weird, but… It does the trick.
Finally, I started to implement the “sheet“. Basically, each sequence of four measures will have its own tonic and scale, that the user will be able to edit. The controls are not here yet, but I already implemented the logic.
So next week, I'll work on this part of the UI! Also, maybe I will begin to work on design? It's time to think of a proper layout. See you next time!