Generative Music Box Project Using JavaScript: Build a generative app in the browser with JavaScript [Video]

Name: Generative Music Box Project Using JavaScript [Video]
Brand: Packt
SKU: 9781801812306
Price: 194.99 BRL
Availability: InStock

By Elisabeth Robson , Eric Freeman

R$194.99

Video May 2021 1 hours 14 minutes 1st Edition

What do you get with a video?

Download this video in MP4 format

Access this title in our online reader with advanced features

DRM FREE - Read whenever, wherever and however you want

Buy Now

Product Details

Publication date : May 24, 2021

Length 1 hours 14 minutes

Edition : 1st Edition

Language : English

ISBN-13 : 9781801812306

Category :

Web Development

Languages :

JavaScript (Intermediate)

Concepts :

Progressive Web Apps

Tools :

Vim (Intermediate)

View table of contents Download Code

Key benefits

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

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