Make ambient music in your web browser!
This project is built using React. All audio is handled by Tone.js.
Page components are stored in src/components. Many components are packaged with corresponding .css styles. Global styles are stored in src/styles/index.css.
Audio files can be found in src/audio, and any other assets (images, .svgs, etc.) are in src/assets.
Custom hooks (currently unused) are stored in the src/hooks directory, and any plain JS scripts (also currently unused) are in src/scripts.
This site was built in React using create-react-app. To modify and test the website locally:
- Install Node.js.
- Clone or download this repository.
- Navigate into the project directory and install the Node modules:
$ cd capstone
$ npm install- Start the local server:
$ npm start- Separate audio from rendered components
- track deletion
- More samples!
- This site hasn't been tested on mobile and may break (😓).
- Performance is not optimized and questionable at best. Animation slows down a bit when under load.