Oscillart is an interactive web app that turns music notes into sine waves that users can both see and hear!! Users can type in a notes ranging from letters A-G (like CDEFGAB), and the site will play the sound and draws the wave! I built this project with HTML, CSS, and JavaScript, adding unique and user customizable features like a color picker, volume slider, line thickness, and a wave type selector (sine, square, triangle, sawtooth). I also included a recording option which allows you to capture both the visuals and audio of the wave. I made this project in GitHub Codespaces and I used CSS styling to give it a fun and personalized look. Thank you so much for the awesome Oscillart tutorial posted, that really helped me a lot!
Oscillart is an interactive web app that turns music notes into sine waves that users can both see and hear!! Users can type in a notes ranging from letters A-G (like CDEFGAB), and the site will play the sound and draws the wave! I built this project with HTML, CSS, and JavaScript, adding unique and user customizable features like a color picker, volume slider, line thickness, and a wave type selector (sine, square, triangle, sawtooth). I also included a recording option which allows you to capture both the visuals and audio of the wave. I made this project in GitHub Codespaces and I used CSS styling to give it a fun and personalized look. Thank you so much for the awesome Oscillart tutorial posted, that really helped me a lot!