goosegrid is a sequencer that can be used to live code and compose music (and other things that can be connected via MIDI). Notes are arranged along a grid, the sequencer plays connected cells from left to right and plays connected vertical notes as harmony.
The palette is where you select notes that can be placed onto the grid. Tap on any of the cells in the palette to select, and then click within the grid to place it. If you click and drag, you can extend notes over longer durations.
The toolbar is where you can affect playback and a handful of tools that can change the mode that you're currently in.
- Edit allows you to select notes from the palate and place them into the main grid. Left click will place a note and right click will delete a note. If no notes are selected from the palette then clicking and dragging will select cells.
- Select allows you to click and drag regions for selection.
- Pan moves the main grid. Also achieved by the middle mouse button, or two finger drag with touch devices.
- Velocity puts the the editor into mode that allows you to change the loudness of individual notes.
- Octave puts the editor into a mode that allows you to change the octave of individual notes.
- MIDI Channel allows you to change the current midi channel of the given chain.
- Extend allows you to hold notes and extend duration.
- Copy will hold on to any selected cells.
- Paste will place any copied cells at the currently selected cell.
- Cut will copy the selected cells and remove them.
- Delete will remove the selected cells from the grid.
To use WebMIDI you will likely want to be on Chrome, and you will need to have some sort of virtual MIDI loopback.
On Windows check out Tobias Erichsen's loopMIDI
On MacOS you can use the built in IAC bus, which has to be enabled in Audio MIDI Setup.
Check out this article if you have issues.