Introduction

Using CodePen for rapid development

Step 1: Create and display circles on a blank canvas

Step 2: Adding sound with Tone.js

Step 3: Adding Effects with Tone.js

Step 4: Adding Motion and Collision Detection

Step 5: Add controls, a pause button and more

Step 6: Add control for redrawing

Step 7: Adding Image Uploader and Color Picker

Quiz! validate your learning in 10 questions