In part 7 of the p5.js tutorials we talk about how you can interact with objects on the canvas.
How can an object interact with the mouse? This video looks at how you can implement basic mouse interaction (rollover, mousePressed) with your own code and HTML5 canvas.
This video covers the “splice” function to delete / remove objects from an array.
This video covers how to determine if two circles are overlapping (intersecting) in a p5.js sketch. The functionality is demonstrated with an object-oriented approach.
This is a continuation of my previous video where I explore shape intersection with object-oriented programming. Here, I demonstrate how to use a nested loop to check every object’s position against every other object.
This video explores how to load and display images as objects with p5.js.