7.6: Object Communication Part 1 - p5.js Tutorial

Channel:
United States The Coding Train
Subscribers:
1,750,000
Published on ● Video Link: https://www.youtube.com/watch?v=W1-ej3Wu5zg


Category:
Tutorial
Duration: 14:00
79,473 views
1,554

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

🕹ī¸ p5.js Web Editor Sketch: https://editor.p5js.org/codingtrain/sketches/OG-_2K16

đŸŽĨ Previous video: https://youtu.be/tA_ZgruFF9k?list=PLRqwX-V7Uu6Zy51Q-x9tMWIv9cueOFTFA
đŸŽĨ Next video: https://youtu.be/5Q9cA0REztY?list=PLRqwX-V7Uu6Zy51Q-x9tMWIv9cueOFTFA
đŸŽĨ All videos: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6Zy51Q-x9tMWIv9cueOFTFA

Timestamps:
0:00 Introduction
2:23 Code Example
3:43 Assigning a Default Value to a Parameter
7:56 Adding Object Communication
11:55 Returning the Result of a Boolean

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



Other Videos By The Coding Train


2017-12-20Coding Challenge #87: 3D Knots
2017-12-19Live Stream Archive - ITP Winter Show 2017
2017-12-1918.2: 3D Geometries - WebGL and p5.js Tutorial
2017-12-1818.1: Introduction to WebGL in p5.js - WebGL and p5.js Tutorial
2017-12-17Live Stream #111: More WebGL with p5.js!
2017-12-167.8: Objects and Images - p5.js Tutorial
2017-12-15Coding Train Live 110: WebGL with p5.js Continued
2017-12-1516.4: for...of loop - Topics of JavaScript/ES6
2017-12-147.7: Object Communication Part 2 - p5.js Tutorial
2017-12-13Coding Train Live 109: WebGL with p5.js
2017-12-137.6: Object Communication Part 1 - p5.js Tutorial
2017-12-11Coding Challenge #85: The Game of Life
2017-12-09Coding Train Live 108: More OOP with ES6 & The Game of Life
2017-11-29Coding Challenge #84: Word Definition Extension
2017-11-2811.8: Cross-Browser Extensions - Programming with Text
2017-11-2711.7: Chrome Extensions: New Tab Override - Programming with Text
2017-11-2211.6: Chrome Extensions: Pop-ups Messaging - Programming with Text
2017-11-2111.5: Chrome Extensions: Pop-ups - Programming with Text
2017-11-20Coding Challenge #83: Chrome Extension with p5.js Sketch
2017-11-18Live Stream #107: Chrome Extensions Continued
2017-11-16Coding Challenge #82: Image Chrome Extension: The Ex-Kitten-sion!


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