Auto Audio based on ToneMatrix Redux

This program takes various types of data from online and automatically converts it into a format that the ToneMatrix can understand. The resulting song/pattern is then automatically played. This is a part of the "Love-Bot" series by Daniel M. Lofaro and Elena Knox. - 2022

ToneMatrix Redux

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

How to Play

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

How To Build

Setting Up

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

Compilation

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.

Class Diagram (UML)

Useful tools

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.

TODO

See Issues.

Special Thanks

Thanks to Camilo Mejia for his Procedural ToneMatrix fork of this project.

Thanks to SimplyLinn for this performance fix.

thedancomplex/love-bot-music-video-input