p5.js Coding Tutorial | Collisions Without a Physics Library!

LET'S CONNECT ✨ Sign up for my newsletter at https://www.pattvira.com ✨ Instagram:   / pattvira   ✨ Twitter:   / pattvira   -- Links: 🔗 p5.js editor: https://editor.p5js.org/ 🔗 Collisions without a Physics Library Code: https://editor.p5js.org/pattvira/sket... 🔗 Introduction to Creative Coding Playlist:    • START HERE: Creative Coding for Beginners   Mentions: 🔗 Processing Foundation's Back-to-School fundraiser: https://donorbox.org/back-to-school-8... References: 🔗 p5.js 2.0: https://beta.p5js.org/ 🔗 matter.js playlist:    • matter.js   🔗 Quadtree:    • p5.js Coding Tutorial | Quadtree 🌴 (how no...   🔗 ‪@TheCodingTrain‬ 's Coding Challenge 184: Collisions Without a Physics Library!:    • Coding Challenge 184: Collisions Without a...   Resources: 🔗 Dot product:    • Dot products and duality | Chapter 9, Esse...   Timestamps: 0:00 Intro 01:23 Approach 04:07 Use p5.js 2.0 and create a bouncing ball 08:08 Create a Ball class 17:17 Collide function - Step 1: Check if balls collide & Step 2: Correct their positions 24:08 Collide function - Step 3: Calculate new velocities 31:24 Create multiple Ball objects 34:39 Write a sleep method when ball is at rest (pushing effect) 38:27 Draw eyes and mouth and add colors! 46:18 Remove objects that are off the screen 50:50 Add some typography 57:22 Vary text weights for animation