Generative Music Box Project Using JavaScript

Focused View

Elisabeth Robson

1:13:58

11 View

01.01-guide to the project.mp4

03:30

01.02-introduction.mp4

01:42

01.03-exercise think about the app.mp4

01:38

01.04-the game plan.mp4

02:34

02.01-introduction.mp4

01:59

02.02-working with the canvas.mp4

05:22

02.03-create the view.mp4

02:56

02.04-how to draw a circle on the canvas.mp4

05:02

03.01-introduction.mp4

01:37

03.02-handle clicks on the canvas.mp4

03:48

03.03-crash test the click handler.mp4

00:54

03.04-uh oh a bug.mp4

02:07

03.05-fix the bug.mp4

01:50

04.01-introduction.mp4

01:32

04.02-a little design.mp4

01:38

04.03-draw the circles on the canvas.mp4

04:15

04.04-crash test the circles.mp4

01:15

04.05-how to animate the circles.mp4

05:04

04.06-crash test the animation.mp4

00:59

04.07-repeat the animation.mp4

02:50

04.08-crash test the repeating circles.mp4

01:02

05.01-introduction.mp4

02:10

05.02-play audio with each circle.mp4

03:18

05.03-the final test.mp4

02:05

06.01-bonus update your music box app with the latest es6 javascript.mp4

12:51

9781801812306 Code.zip

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

More details

User Reviews

Rating

average 0

Total votes0

Focused display

JavaScript

Elisabeth Robson

Instructor's Courses

Elisabeth Robson is a co-founder and principal at WickedlySmart, an author and software developer, and teaches online courses for O’Reilly Media and LinkedIn Learning. She’s the co-author of four best-selling titles—Head First JavaScript Programming, Head First Design Patterns, Head First HTML & CSS, and Head First HTML5 Programming—and was previously the director of special projects and co-director of the Head First series at O’Reilly Media. Prior to her work at O’Reilly Media, Elisabeth was the director of engineering at The Walt Disney Company. Elisabeth holds a master’s degree in computer science from Yale University.

PacktPub

View courses PacktPub

Packt is a publishing company founded in 2003 headquartered in Birmingham, UK, with offices in Mumbai, India. Packt primarily publishes print and electronic books and videos relating to information technology, including programming, web design, data analysis and hardware.