06_objects.md

Scale: Objects and Arrays

Some of the videos in this section were created last year and some two years ago. They use different editors for p5.js. All of the concepts should still apply, however, there are some minor changes. If you notice something way off, please let Dan know!

Object-Oriented Programming with Classes in JavaScript

• 6.1 Intro to ES6 OOP - video tutorial
• 6.2 Writing a Class - video
• 6.3 Constructor Arguments
• Two Gravity Ball Objects code

Written Tutorials

• Learning Processing Chapter 8 on Objects translated to p5
• Mozilla Classes reference

Arrays

• 7.1 What is an array? - video tutorial
• 7.2 Arrays and loops - video tutorial
• 7.3 Arrays of objects - video tutorial
• Extra video tutorial: for...of loop
• A Snake Following the Mouse - code

Arrays of Objects

• 7.4 Mouse interaction with objects - video tutorial
• 7.5 Removing objects from arrays - video tutorial
• Interactive Stripes - code
• An Array of Buttons - code

Object "communication"

• 7.6: Object Communication Part 1 - video tutorial
• 7.7: Object Communication Part 2 - video tutorial
• Checking Objects Intersection - code

Getting Started with p5.js book

• Chapters 10 and 11 of Getting Started with p5.js book | Ebook (free with NYU Library login) | Code

Going Further

Images and Objects

• 7.8: Objects and Images - video tutorial
• MousePressed Adding New Images - code

Particle Systems

• Particle System - video
• Particle System - code
• Snowfall - video
• Snowfall - code