Sound can dictate a new Visual Language. In this case the browser is the canvas and in this course you will learn how to use sound to draw onto that canvas, with code.
We’ll start from the ground up and set the basis for creating audiovisual art with Javascript & GLSL.
You’ll learn how to analyse sound in realtime and how to use that analysis, to control moving graphics. We'll start simple by learning how to draw basic shapes in the canvas and we'll gradually move on to more complex subjects, like WebGL & Shaders.
By the end of this course, you will be able to create audio-reactive artworks in the browser, but most importantly you will be able to use code, as a tool for personal expression.
The subtitles are automatically generated, so the quality of the captions may vary.
Course Table of contents
What will you learn?
5 sections • 19 lectures • 3 hours 20 mins
-
Intro1 lectures 03:02 Mins
-
Course introduction03:02 Mins
-
-
Drawing on the canvas5 lectures 26:38 Mins
-
Introduction to p5.js03:03 Mins
-
Hello canvas06:31 Mins
-
Basic shapes03:46 Mins
-
Color05:56 Mins
-
Interactions07:22 Mins
-
-
Sound Analysis5 lectures 44:18 Mins
-
Introduction to Sound Analysis01:01 Mins
-
Amplitude & Waveform09:00 Mins
-
Fast Fourier Transform07:28 Mins
-
Beat Detection14:53 Mins
-
First Sketch11:56 Mins
-
-
WebGL & Shaders7 lectures 1 Hour 50 Mins
-
Introduction to Shaders11:18 Mins
-
Distorting Shapes with Audio frequencies - Sketch 117:14 Mins
-
Distorting Shapes with Audio frequencies - Sketch 214:17 Mins
-
Distorting Shapes with Audio frequencies - Sketch 303:27 Mins
-
Audio-based image effects21:03 Mins
-
Different inputs (WebCamera, Microphone)05:57 mins
-
Controlling visuals in real time (MIDI controller, keyboard/mouse )17:15 Mins
-
-
Outro1 lectures 15:49 Mins
-
Inspiration15:49 Mins
-
