For this simulation project, we elected to focus our attention towards Steve Reich's piece "Electric Counterpoint". We wanted to capture the minimalist aesthetic of the piece in an interactive way. The index.html file is the heart of the program. To create this small web application, we used tone.js. The instrument sounds used are from the package instruments.js that is created by https://www.guitarland.com/MusicTheoryWithToneJS/PlayParts.html with tone.js, and each of the instrumental lines is a looped measure from "Electric Counterpoint" that we hardcoded into the program. By clicking the start and stop buttons for each of the guitars and basses, the user can isolate different instruments and see how each of the individual parts fits into the arrangement. We hardcoded Guitar1, Bass1, and Bass2, while Guitar2, Guitar3, and Guitar4 are modified from Guitar1. Changing Guitar1 in index.html will let you customize the composition.
Load the index.html file in a local server to run the program or go to http://tinyurl.com/MusicSimulation. The sound may disappear after rendering for the first time. Please try a hard page refresh then a regular refresh if the sound doesn't work.