A canvas based note sequencer.
note-sequencer is a lightweight interactive and customizable note sequencer. It is based on Custom Elements and Canvas APIs.
- See the usage guide
Important note : This project is a quick prototype and I don't plan maintaining it further.
Some basic features are still to implement: save/load, programmatic scroll, play bar...
Feel free to contribute, fork the code or even copy-paste the stuff you're interested in.
Key features
- Grid snap
- Multi-selection with keyboard and lasso
- All colors are customizable
- Cross-browser and dependency free
Clone the repository and install dependencies using
yarn install
From a HTML page, insert note-sequencer.js into your webpage and add a note-sequencer element to it.
<note-sequencer></note-sequencer>
You can also create a NoteSequencer object and add it to the document with Javascript.
import { NoteSequencer } from './note-sequencer.js';
const noteSequencer = new NoteSequencer();
document.querySelector('#my-container').append(noteSequencer);Feel free to submit contributions.
- Pierre-Clément KERNEIS - Initial work
See also the list of contributors who participated in this project.
This project is licensed under the GNU GPLv3 License - see the LICENSE.md file for details