/'siːkwənt/

/'siːkwənt/ is an experiment in sequencing. The idea is that every new track that is added have one more "tick" than the one before. Ticks are sixteenth notes.

You start with a single track with a single tick (checkbox). To add a track, you must first activate a tick in the current one. As soon as you do, a new track becomes available. Deactivating every tick in a higher track won’t delete the channels below.

You can mute individual tracks by using keys a to z on your keyboard. Or by clicking/tapping the track name.

/'siːkwənt/ is some sort of sibling to Space and also uses Tone.js, but for this I used Solid instead of vanilla JavaScript

To do

• Delay synth initialization?
• Kill all notes on stop
• Add one more engine
• Add two sampler channels
• Everything
• FIX LAG!
• Fix saving/loading
• Styling
• Tweak all synths
• What if the first checkbox is huge? And centered? Then when track two appears, checkboxes get smaller... and smaller.
• Learn Tailwind or throw it out!
• Shift + [a-z] "fills" channel? Or inverts pattern?
• Shift clicking fills that column, alt clicking fills row?
• Start using Kobalte?

Sources

https://tonejs.github.io/ / https://tonejs.github.io/examples/ / https://docs.solidjs.com/ / https://www.solidjs.com/tutorial/ / https://primitives.solidjs.community/ / https://kobalte.dev/docs/core/overview/introduction / https://picocss.com/ /