Search icon CANCEL
Subscription
0
Cart icon
Your Cart (0 item)
Close icon
You have no products in your basket yet
Save more on your purchases now! discount-offer-chevron-icon
Savings automatically calculated. No voucher code required.
Arrow left icon
Explore Products
Best Sellers
New Releases
Books
Videos
Audiobooks
Learning Hub
Conferences
Free Learning
Arrow right icon
Generative Music Box Project Using JavaScript
Generative Music Box Project Using JavaScript

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

Arrow left icon
Profile Icon Elisabeth Robson Profile Icon Eric Freeman
Arrow right icon
zł141.99
Video May 2021 1hr 14mins 1st Edition
Video
zł141.99
Subscription
Free Trial
Arrow left icon
Profile Icon Elisabeth Robson Profile Icon Eric Freeman
Arrow right icon
zł141.99
Video May 2021 1hr 14mins 1st Edition
Video
zł141.99
Subscription
Free Trial
Video
zł141.99
Subscription
Free Trial

What do you get with a video?

Product feature icon Download this video in MP4 format
Product feature icon Access this title in our online reader with advanced features
Product feature icon DRM FREE - Read whenever, wherever and however you want

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

Who is this book 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.

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

Product Details

Country selected
Publication date, Length, Edition, Language, ISBN-13
Publication date : May 24, 2021
Length: 1hr 14mins
Edition : 1st
Language : English
ISBN-13 : 9781801812306
Languages :
Tools :

What do you get with a video?

Product feature icon Download this video in MP4 format
Product feature icon Access this title in our online reader with advanced features
Product feature icon DRM FREE - Read whenever, wherever and however you want

Product Details

Publication date : May 24, 2021
Length: 1hr 14mins
Edition : 1st
Language : English
ISBN-13 : 9781801812306
Languages :
Tools :

Packt Subscriptions

See our plans and pricing
Modal Close icon
$19.99 billed monthly
Feature tick icon Unlimited access to Packt's library of 7,000+ practical books and videos
Feature tick icon Constantly refreshed with 50+ new titles a month
Feature tick icon Exclusive Early access to books as they're written
Feature tick icon Solve problems while you work with advanced search and reference features
Feature tick icon Offline reading on the mobile app
Feature tick icon Simple pricing, no contract
$199.99 billed annually
Feature tick icon Unlimited access to Packt's library of 7,000+ practical books and videos
Feature tick icon Constantly refreshed with 50+ new titles a month
Feature tick icon Exclusive Early access to books as they're written
Feature tick icon Solve problems while you work with advanced search and reference features
Feature tick icon Offline reading on the mobile app
Feature tick icon Choose a DRM-free eBook or Video every month to keep
Feature tick icon PLUS own as many other DRM-free eBooks or Videos as you like for just zł20 each
Feature tick icon Exclusive print discounts
$279.99 billed in 18 months
Feature tick icon Unlimited access to Packt's library of 7,000+ practical books and videos
Feature tick icon Constantly refreshed with 50+ new titles a month
Feature tick icon Exclusive Early access to books as they're written
Feature tick icon Solve problems while you work with advanced search and reference features
Feature tick icon Offline reading on the mobile app
Feature tick icon Choose a DRM-free eBook or Video every month to keep
Feature tick icon PLUS own as many other DRM-free eBooks or Videos as you like for just zł20 each
Feature tick icon Exclusive print discounts

Frequently bought together


Stars icon
Total 481.97
Generative Music Box Project Using JavaScript
zł141.99
Hands-On Music Generation with Magenta
zł177.99
JavaScript from Beginner to Professional
zł161.99
Total 481.97 Stars icon

Table of Contents

6 Chapters
Generative Music Box Project Chevron down icon Chevron up icon
The Canvas Chevron down icon Chevron up icon
Handling Clicks Chevron down icon Chevron up icon
The View Chevron down icon Chevron up icon
The Audio Chevron down icon Chevron up icon
Extras Chevron down icon Chevron up icon
Get free access to Packt library with over 7500+ books and video courses for 7 days!
Start Free Trial

FAQs

How can I download a video package for offline viewing? Chevron down icon Chevron up icon
  1. Login to your account at Packtpub.com.
  2. Click on "My Account" and then click on the "My Videos" tab to access your videos.
  3. Click on the "Download Now" link to start your video download.
How can I extract my video file? Chevron down icon Chevron up icon

All modern operating systems ship with ZIP file extraction built in. If you'd prefer to use a dedicated compression application, we've tested WinRAR / 7-Zip for Windows, Zipeg / iZip / UnRarX for Mac and 7-Zip / PeaZip for Linux. These applications support all extension files.

How can I get help and support around my video package? Chevron down icon Chevron up icon

If your video course doesn't give you what you were expecting, either because of functionality problems or because the content isn't up to scratch, please mail customercare@packt.com with details of the problem. In addition, so that we can best provide the support you need, please include the following information for our support team.

  1. Video
  2. Format watched (HTML, MP4, streaming)
  3. Chapter or section that issue relates to (if relevant)
  4. System being played on
  5. Browser used (if relevant)
  6. Details of support
Why can’t I download my video package? Chevron down icon Chevron up icon

In the even that you are having issues downloading your video package then please follow these instructions:

  1. Disable all your browser plugins and extensions: Some security and download manager extensions can cause issues during the download.
  2. Download the video course using a different browser: We've tested downloads operate correctly in current versions of Chrome, Firefox, Internet Explorer, and Safari.