Goal: Figure out how to render the cells in CSS so I could hook this up to JS eventually https://codepen.io/clintonhalpin/full/fac704a67710d7bddd099530d7b55777/
Notes
- Seems like flex box is the perfect usecase for this, a beat should just fill the space, it doesn't need a fixed width
- Set up the track icon so that it floats to the top on mobile, this seems ok, but might not be the best pattern
Goal: Can we use flexbox so we don't have to hard code widths https://codepen.io/clintonhalpin/full/OzOGdJ/
Notes
- Works pretty good but there are some layout issues
- Items can grow outside of container
- This works great on mobile, less on desktop!
Goal: Just stub out while loop that will run 16 times ( would be recursive while playing ) https://codepen.io/clintonhalpin/pen/8c927686952790f813cf4bf7776223c1/
Notes
- So I had a little idea here, so we are executing O(n) here, depending on load computations that need to happen, only if we have a change we could calculate all possible steps in array
- Another thing that might be cheaper would be just to calculate the next step, so 16 iterations could become 8 iterations and so on....
Goal: Figure out how to do stop/start iterative on previous functionality https://codepen.io/clintonhalpin/pen/ca9ca56777f0d026a695be6cc91eb224/
See All here
Notes
- Still need to add the track indicators eg. "Kick"
- Not 100% happy with cells on mobile but happy I got everything to be 100% fluid
