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


Membership plan: Going Deeper | Topics: Creative Coding

Course overview

This workshop introduces creating immersive audiovisual experiences on the web by integrating p5.js, a popular JavaScript library for creative coding, with RNBO, a tool for bringing Max patches online. Participants will learn how to use these technologies to design interactive projects, combining p5.js for visuals and RNBO for real-time audio processing in a browser, offering new creative possibilities.

What you'll learn

  • Understand what RNBO is and how it enables Max patches to function seamlessly on the web
  • The basics of p5.js and how you can use it for generating dynamic, interactive, and browser-based visuals
  • Integrating the two and creating simple audiovisual pieces using the learned techniques, like in Mouse Theremin
  • Chaining multiple RNBO devices in a rack to add reverb and delay effects to your project, using plugins from the RNBO Guitar Pedals project
  • A reusable framework for using GLSL shaders in p5.js and enhancing our visuals, like in Glitch Beat

Who is this course for?

  • This workshop is aimed at artists, musicians, and developers. You explore the exciting possibilities of merging sophisticated audio processing with dynamic visuals in a web environment.
  • Some experience with Max and Javascript will greatly help, but it is not mandatory. A GitHub repo with examples for each step will be provided.

Course content

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

Requirements

  • Mac/Windows device with a Max license (>8.5.6)
  • A code editor (recommend Visual Studio Code)
  • An Internet Connection

Course schedule

Meet your instructor

Andrei is a Bucharest-based artist who likes to blend the technical and the creative. A natural hyphenate, he likes to explore generative systems and the intersection of seemingly unrelated data fields, such as pixels in an image and sound notes. Some notable achievements include the launch of "Pixel Music" in 2023, an application that transforms images into melodic sequences, and his 2021 "Tangled" project on Art Blocks, which draws 32-byte transaction hashes into 2D space . Andrei’s work has been exhibited at the National Museum of Contemporary Art of Romania, as part of an exhibition organized by the local maker space Modulab.

...

Useful links

https://theremin.superblob.studio RNBO Guitar Pedals https://glitch-beat.superblob.studio/

Subscribe
Notify of
guest

Oldest
Newest Most Voted
Inline Feedbacks
View all comments
Hans Schuettler
Hans Schuettler
3 months ago

I liked this lecture very much.
The lecture was very helpful.
The lecture was very clear and practical.

pozibelle@gmail.com
pozibelle@gmail.com
12 days ago

quick question – i cannot paste from my max window into the RNBO window – any ideas why? the option is greyed out in the edit menu

Last edited 12 days ago by Pozibelle
Jean-Baptiste Thiebaut
Reply to  pozibelle@gmail.com
11 days ago

hi there! RNBO does not support all the objects in Max. Have you tried copying only parts of the patch? It might be possible to copy across the compatible objects.

Pozibelle
Pozibelle
Reply to  Jean-Baptiste Thiebaut
11 days ago

i just figured it out and got it working – i had to authorize my account 🙂 very new to this!

About
Privacy

4
0
Would love your thoughts, please comment.x
()
x