Starter code to get up and running making music with Tone.js
Tone.js is an amazing JavaScript library which makes working with the Web Audio API much easier!
- Download or clone this repo
- Install dependencies
npm install
- Run gulp tasks
gulp
,gulp-sass
, &gulp-scripts
This repo is intended to help others who are interested in making music with JavaScript. The code provided is utilizing an excellent library called Tone.js
Tone.js makes working with the Web Audio API much easier as it takes care of a lot of tedious tasks for you. If you've ever worked with the Web Audio API you may have some strong opinions but one thing you are likely to agree with is that it's a bit tricky to do anything meaningful, other than having a couple of oscillators generate a tone. Tone.js has a ton of features but rather than me explaining all of them you can check out: tone.js examples and here are a few things people have made: Demos
What this repo contains is a demo project which recreates the theme to the 80's TV show Knight Rider
Yes the man the legend David Hasselhoff stared in this 80's TV show before baywatch and if you don't know the theme song you may have heard it sampled by artists like Busta Rhymes e.g. the song: "Turn It Up (Remix) / Fire It Up" Many others have also sampled this icon TV theme, maybe you recognize some of these songs.
But this projects purpose isn't about the history of sampled TV themes, it's about create music with JavaScript, so let's take a look at a few examples before jumping into the project code.
Link to Tone.js CDN