ToneLab

ToneLab is an interactive web app that lets users create and manipulate bouncing balls within a canvas to generate sounds using the Web Audio API. Users can adjust various parameters of the synthesizer and effects, creating a unique audio experience.

This project is built using React & Tone.js.

Table of Contents

1. Features
2. Installation
3. Usage
4. Contributing

Features

• Create bouncing balls by clicking within the canvas area
• Modify synth parameters like Attack, Decay, Sustain, and Release
• Adjust the mix levels of delay and reverb effects
• Control the speed of the bouncing balls

Installation

To set up ToneLab locally, follow these steps:

1. Clone the repository:

git clone https://github.com/ajjuism/ToneLab.git

2. Change into the project directory:

cd ToneLab

3. Install the required dependencies:

npm install

4. Start the development server:

npm start

The application should now be accessible at http://localhost:3000.

Usage

1. Click within the canvas to create bouncing balls.
2. Use the controls on the side to modify the synth parameters and effect mix levels.

Note: Finer controls of ToneLab are currently only available on desktop view. Please switch to a desktop for the complete experience.

Contributing

If you'd like to contribute to ToneLab, follow these steps:

1. Fork the repository.
2. Create a new branch with a descriptive name.
3. Make changes or add new features in your branch.
4. Commit your changes and create a pull request.

We'll review your changes and consider merging them into the main repository.