Learn how to build a generative music box app in the browser with JavaScript
Key Features
- Build a generative music box app in the browser with JavaScript
- Use Canvas to build music box app view and add audio files
- Update your generative music box app with ECMAScript features
Book Description
JavaScript frameworks are great tools to build mobile apps. They're efficient, have lower development costs, and tend to have the security benefits that come with large, active communities of developers.
In this course, we'll take inspiration from Brian Eno and Peter Chilvers' Bloom application and build a generative music box app in the browser with JavaScript. We'll build a web application using JavaScript, which allows you to create generative, ambient music. With a small amount of code, we'll handle our mouse clicks, use the canvas for the user interface and graphics, and leverage the Web Audio API to create sound.
We'll also spend a lot of time scheduling events and organizing our code. This project is a great way to practice programming in JavaScript by creating an interactive and dynamic application right in your browser. For this course, you need basic knowledge of HTML, CSS, and JavaScript programming skills.
By the end of this course, we'll be creating a completely running music box application.
All the code files and resources for this course are available at https://github.com/PacktPublishing/Generative-Music-Box-Project
What you will learn
- Build a generative app in the browser with less coding
- Use Canvas to create the app view
- Handle clicks on the View to create circles on the canvas
- Learn how to draw the circles on the canvas when you update the view
- Add audio to the app
- Update your music box app with the latest ES6 JavaScript features
Who this book is for
This course is for anyone who has basic HTML, CSS, and JavaScript programming skills and wants to learn how to build a generative app.
