Create online audiovisual experiences with Max, RNBO, and p5.js hero

Creative Coding

Create online audiovisual experiences with Max, RNBO, and p5.js

Take an audio patch from Max to the browser. Build a Max patch, export it with RNBO, and link it to a p5.js sketch to create interactive, online audiovisual experiences with effects and MIDI.

Level

Intermediate

Duration

1h 42m of video content

Format

Self-paced video

Course overview

This workshop bridges Max and the web. You'll build a Max patch, export it with RNBO, and wire it up to a p5.js sketch in Visual Studio Code to create an interactive audiovisual experience that runs online. Along the way you'll add effects via Rainbow guitar pedals, integrate MIDI and sample dependencies, and learn a workflow for shipping Max-powered instruments to the browser. Best for those with some Max familiarity who want to publish interactive work on the web.

Course content

Watch the course here

12 videos

+
  • 1. Introduction
    Checking access...
  • 2. Connection of Technology and Music
    Checking access...
  • 3. Andrei’s Projects
    Checking access...
  • 4. Workshop Plan
    Checking access...
  • 5. Sketch Overview
    Checking access...
  • 6. Building the Max Patch
    Checking access...
  • 7. Exporting to Rainbow
    Checking access...
  • 8. Setting Up Visual Studio Code
    Checking access...
  • 9. Linking the p5 Sketch with Rainbow
    Checking access...
  • 10. Adding Effects with Rainbow Guitar Pedals
    Checking access...
  • 11. Adding MIDI and Sample Dependencies
    Checking access...
  • 12. Closing remarks
    Checking access...

Instructors

AA

Andrei Antonescu

Instructor

Create online audiovisual experiences with Max, RNBO, and p5.js