7.7: Object Communication Part 2 - p5.js Tutorial

Subscribers:
1,740,000
Published on ● Video Link: https://www.youtube.com/watch?v=5Q9cA0REztY



Category:
Tutorial
Duration: 18:49
61,952 views
1,274


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. Code: https://thecodingtrain.com/tracks/code-programming-with-p5-js/code/7-arrays/7-object-communication-2

πŸ•ΉοΈ p5.js Web Editor Sketch: https://editor.p5js.org/codingtrain/sketches/7SjPmXN2

πŸŽ₯ Previous video: https://youtu.be/W1-ej3Wu5zg?list=PLRqwX-V7Uu6Zy51Q-x9tMWIv9cueOFTFA
πŸŽ₯ Next video: https://youtu.be/rO6M5hj0V-o?list=PLRqwX-V7Uu6Zy51Q-x9tMWIv9cueOFTFA
πŸŽ₯ All videos: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6Zy51Q-x9tMWIv9cueOFTFA

Videos:
πŸš‚ Object Communication-1: https://thecodingtrain.com/tracks/code-programming-with-p5-js/code/7-arrays/6-object-communication-1
πŸš‚ for of loop: https://thecodingtrain.com/tracks/topics-in-native-javascript/js/for-of-loop

Timestamps:
0:00 Introduction
3:06 Shorthand Syntax For Every Element of an Array
7:08 Using a Nested Loop to Check Each Element Against Every Other Element
9:18 Make Sure That the Object Isn't Checking Itself
15:48 The N Squared Problem
18:30 Declaring the Variable in the For Loop

Editing by Mathieu Blanchette
Animations by Jason Heglund
Music from Epidemic Sound

πŸš‚ Website: http://thecodingtrain.com/
πŸ‘Ύ Share Your Creation! https://thecodingtrain.com/guides/passenger-showcase-guide
🚩 Suggest Topics: https://github.com/CodingTrain/Suggestion-Box
πŸ’‘ GitHub: https://github.com/CodingTrain
πŸ’¬ Discord: https://discord.gg/hPuGy2g
πŸ’– Membership: http://youtube.com/thecodingtrain/join
πŸ›’ Store: https://standard.tv/codingtrain
πŸ–‹οΈ Twitter: https://twitter.com/thecodingtrain
πŸ“Έ Instagram: https://www.instagram.com/the.coding.train/

πŸŽ₯ Coding Challenges: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH
πŸŽ₯ Intro to Programming: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6Zy51Q-x9tMWIv9cueOFTFA

πŸ”— p5.js: https://p5js.org
πŸ”— p5.js Web Editor: https://editor.p5js.org/
πŸ”— Processing: https://processing.org

πŸ“„ Code of Conduct: https://github.com/CodingTrain/Code-of-Conduct

This description was auto-generated. If you see a problem, please open an issue: https://github.com/CodingTrain/thecodingtrain.com/issues/new

#arrays #nestedloop #forloop #objects #p5js #javascript







Tags:
JavaScript (Programming Language)
live
programming
daniel shiffman
creative coding
coding challenge
tutorial
coding
challenges
coding train
the coding train
itp nyu
p5.js
javascript
p5.js tutorial
es6
ecmascript2015
es2015
object-oriented es6
object-oriented programming es6
class es6
array objects
array oop
array oop js
for loop array
array
objects
objects intersection
edge detection
object touching
object click js