WVFRM/P5js + Max/MSP Workshop

  • $135

P5js + Max/MSP Workshop

September 14th 2024 · 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

Interactive Events

Max sending messages to P5js

Includes

  • 3 Hour Zoom Session

  • 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

Zoom Recordings

video1713930738.mp4

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
While Loops
Arrays
Objects
Custom Functions
Object-Oriented Programming

Max + P5js Integration

Demonstration and Workflow
Self-Executing Function

Projects

This section will be available the day of the workshop.

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