Click on the boxes and make music! This project is an HTML5 revival of ToneMatrix by Audiotool, which was originally written in Flash.

Click To Play

Visit https://www.maxlaumeister.com/tonematrix/

1. Install nodejs and npm: sudo apt update; sudo apt install nodejs npm
2. Install Gulp CLI: sudo npm install -g gulp-cli
3. cd into the project folder and install dependencies: npm install

• To compile for development and generate docs, run gulp dev.

• To compile for development and generate docs, start a localhost server, and auto-recompile changes in source files, run gulp serve.

• To compile for production (minified, without source maps), run gulp prod.

In any case, the compiled application will be in the dist folder.

• Install the eslint extension in VS Code by using the built-in extension browser. VS Code should automatically find the .eslintrc.js config file and start highlighting lines of js that fail the linter.
• Likewise, you can install and use the sass-lint extension.

See Issues.