Audio Reactive Visuals with Code

Name: Audio Reactive Visuals with Code
Author: Yannis Yannakopoulos

Yannis
Yannakopoulos

Watch Trailer

Pre-order $100 $25

Buy course

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.

Pre-order. This special price is available as you are buying the course in advance. The course will be available by early April 2021. The price will increase as we get closer to the date and once it’s online it will be full price - so register now for a big discount.

Interaction Design
Audio Reactive Visuals
Visual Language
Coding
Javascript
GLSL
webGL
Shaders

Course Table of Contents

What will you learn?

5 sections • 16 lectures • 2 Hours 40 Mins total length

Intro

1 lectures 5:00 mins
- Course introduction
  
  5:00 mins
Drawing on the canvas

5 lectures 30 mins
- Introduction to p5.js
  
  5:00 mins
- Hello canvas
  
  5:00 mins
- Basic shapes
  
  5:00 mins
- Color
  
  5:00 mins
- Interactions
  
  10:00 mins
Sound Analysis

4 lectures 50 mins
- Amplitude, Waveform & Frequency Spectrum
  
  10:00 mins
- Fast Fourier Transform
  
  10:00 mins
- Peak detection
  
  10:00 mins
- Our first Sketch
  
  20:00 mins
WebGL & Shaders

5 lectures 1 hour 10 mins
- Introduction to Shaders
  
  15:00 mins
- Distorting Shapes with Audio frequencies
  
  15:00 mins
- Audio-based image effects
  
  15:00 mins
- Trying different inputs (webcam, mic)
  
  10:00 mins
- Controlling visuals in real time (keyboard/mouse & MIDI controller)
  
  15:00 mins
Outro

1 lectures 5:00 mins
- Inspiration
  
  5:00 mins

Yannis Yannakopoulos

Work Work Work

Yannis is one of the most collaborative, creative and interesting people I know. Apart from the code part -which he masters in every project- and his expertise in interactive experiences, his deep love, dedication and understanding of music, makes him the ideal instructor for this immersive masterclass.

Sofia Papadopoulou Visual Designer and Art Director

Course details

Audio Reactive Visuals with Code

By Yannis Yannakopoulos

Interaction Design
Audio Reactive Visuals
Visual Language
Coding
Javascript
GLSL
webGL
Shaders

$25 75% off $100

Buy Course now!

This offer ends:

English
English, Spanish, French, Italian, Portuguese
Beginners & Intermediate This course is addressed to any creative individual who's interested in creative coding and/or audio-reactive visuals.
Access on mobile and Desktop
Full time access
Certificate of completion

About the Speaker

Learn from the best

Yannis Yannakopoulos

Freelance Developer

@neundex

Yannis is an Independent Developer based in Athens, Greece. Interested in the relation between sound & image, he creates audiovisual projects, in the browser, with code.

neundex.com