WVFRM/P5js + Max Intensive (June 2025)

  • $99

P5js + Max Intensive (June 2025)

June 1st 2025 · Starting 9AM PST/4PM GMT · Ending 12PM PST/7PM GMT

What to expect from this Workshop

P5js is a Javascript library with design friendly features that allow for 2d and 3d graphics.

Learn Javascript Basics

We will discuss the fundamentals of JavaScript within the context of P5js. This language is versatile and popular across many platforms.

Integrate P5js into Max

We will integrate P5js and cover how to send and receive messages from Max back and forth with P5.

Create Audio Visual Projects

You'll then be able to utilize the unique 2D and 3D graphic capabilities of P5js alongside Max/MSP.

Stay In Touch

Includes

  • 3 Hour Zoom Session (Link will be provided)

  • Pre-recorded videos and written tutorials

  • Max Project Files

  • P5js Project Files

  • QA and feedback

Max/MSP Controlling the rate of P5js

While controlling FM synthesis

Create Integrative Experiences

That interact with Sound and Music

Let's play with drums

P5js sending data to a VST in Max

Creative Expansion

Learning new technologies can take time and practice. This workshop is unique in that it combines many conceptual and technical considerations. You'll learn how to relate sound to image through a unique combination of skills.

Frequently asked questions

What if I'm already familiar with P5js?

This course assumes you have limited experience with P5js. A workshop will be created in the future that introduces Max to P5js users.

Why should I use P5js instead of Jitter?

P5js allows you to focus on JavaScript programming, a very popular language. It also gives you access to a robust community around P5js and their resources.

Are there any limitations to using P5js within Max?

Yes. It may not perform as well as other alternatives since it relies mostly on the CPU as opposed to the GPU. So performance will vary.

Is P5js Free?

Yes. It is an open-source project run by The Processing Foundation.

Who is the instructor?

Your instructor is Estevan Carlos Benson, an artist and professor in the Southern California region. He has taught at Art Center College of Design and the University of Southern California.

Contents

🎬 Getting Ready for the June 1st Online Session

Before the first meeting
Video Conference Details

Recordings of Live Session

P5js + Max June Intensive Workshop - Recording

Getting Started

Introduce Yourself
Download the Project Template

The Tools You'll Need

Max/MSP
P5js Features
Preview
VS Code

P5js Fundamentals

P5js Reference
Preview
P5js Editor
Preview

Javascript Foundation

Grammar and More
Variables
If Statements
For Loops
Nested For Loops
While Loops
Arrays
Randomizing Arrays
Objects
Custom Functions
Object-Oriented Programming

Max + P5js Integration

Demonstration and Workflow
Self-Executing Function

Projects

2D form
Preview
Motion
Gradients
Communication between Max and P5js
Redraw
Colors and Interaction
Mouse Hover
CreateGraphics
3D WebGL
Reactivity and Visualization
Interactive Poster Visualization

Bonus Section

Activating Full Screen in Max

Wrapping Up

Final Words
Survey