🎬 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

• VS Code

P5js Fundamentals

• P5js Reference

• P5js Editor

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

• 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