Get a 50% discount when you buy 2 courses or more!
NEW PRE-ORDER Audio Reactive Visuals with Code By Yannis Yannakopoulos
This offer ends:
$100 $25
Audio Reactive Visuals with Code
English English, Spanish, French (+2)
2 Hours 40 Mins Course

Audio Reactive Visuals with Code

Pre-order $100 $25

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 
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
Sofia Papadopoulou Visual Designer and Art Director
Course details

Audio Reactive Visuals with Code

Audio Reactive Visuals with Code

By Yannis Yannakopoulos

  • Interaction Design
  • Audio Reactive Visuals
  • Visual Language
  • Coding
  • Javascript
  • GLSL
  • webGL
  • Shaders
$25 75% off $100

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

    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

Similar Courses