7.7: Object Communication Part 2 - p5.js Tutorial

Subscribers:
1,750,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