neocomposer

source code @ https://github.com/jakeonaut/neocomposer

I made a little midi sequencer for your browser! 
Inspired by Mario Paint Composer and other similar tools, 
I wanted something that could import soundfont files and make silly little tunes.

🍊 How to Play:

• Click (and drag) the grid to place notes!
• Right click (or ctrl/cmd+click) a note to delete it!
• Press Space to play / pause!
• Use asdfghjkl; and wetyuop keys to practice! 
  • Plus and minus keys increase or decrease the octave.
• Use 1, 2, 3, etc. to quickly swap between instruments!
• Ctrl+Z and Ctrl+Y/Ctrl+Shift+Z will undo and redo changes!

🐠 Expert Tips:

• Clicking on the space above the grid, where the dog lives, will move the dog to where you clicked!
  • If you double click that space, you can loop a single "measure"
  • Then, click and drag the repeat symbols to change where your "looping" happens.
  • Click the looping arrow all the way to the left to reset this.
• Use shift to quickly swap between note pencil and select mode!
• Hold shift + drag the cursor to select notes!
• Press shift + 1, 2, 3, etc. to select all notes for a given instrument!
• Press 'q' to switch between triplet and quarter note mode.
• Press 'r' to switch between 4/4 and 3/4 mode.
• Hold shift + double click a measure to select all notes in that measure.
• Hold ctrl/cmd + double click a measure to delete all notes in that measure.
• Use escape to clear note selection!

📚 How do I run it offline?

1. Download offline.zip and unzip it.

2. Open up the index.html file

3. The soundfont doesn't auto-load, so you will have to click "Upload .sf2" and upload the included microgm.sf2 file!