👉Sound Simulator👈

Table of Contents

• Introduction
• Landing Page
• Objective

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