Table of Contents
Introduction
It is a mini application that runs over web browser. It uses plain HTML, CSS along with two JavaScript libraries (Howler.js and Paper.js). Howler.js is the mordern web audio library that lets users add audio to certain parts of the file while the Paper.js is the library for visual representation on the web browser.
Landing Page
Here is an overview of the layout of the project: The inner rectangular region (in purple) is the cnavas where all the effects of the JS libraries happen.
Objective
The application is a fun mini project designed to enjoy and synthesis some cool compositions. Here is one:
E (x4) - W (x4)
[E - F] (x4) - [W - F] (x4)
ED - F - [E - F] (x4)
WD - F - [W - F] (x4)
DE - E - F - E (x2) - F (x2)
DW - W - F - W (x2) - F (x2)
ED - E - F - EY - E (x2) - F
WD - W - F - WY - W (x2) - F