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.
Create a free account to access this course
Buy this course and own it forever
US$ 26 Add to cartUseful links
https://theremin.superblob.studio RNBO Guitar Pedals https://glitch-beat.superblob.studio/
I liked this lecture very much.
The lecture was very helpful.
The lecture was very clear and practical.
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
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.
i just figured it out and got it working – i had to authorize my account 🙂 very new to this!