7.6: Clicking on Objects - p5.js Tutorial

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


Category:
Tutorial
Duration: 12:26
101,939 views
1,201

This video covers how to pass the mousePressed() event to objects drawn in your canvas.

Next video: https://youtu.be/HXOD_XDA-KU?list=PLRqwX-V7Uu6Zy51Q-x9tMWIv9cueOFTFA

Support this channel on Patreon: https://patreon.com/codingtrain

Contact: https://twitter.com/shiffman

Send me your questions and coding challenges!: https://github.com/CodingTrain/Rainbow-Topics

Link to code on Github: https://github.com/CodingTrain/Rainbow-Code

p5.js: http://p5js.org

For More p5.js Videos: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6Zy51Q-x9tMWIv9cueOFTFA

Help us caption & translate this video!

http://amara.org/v/Qbue/

📄 Code of Conduct: https://github.com/CodingTrain/Code-of-Conduct



Other Videos By The Coding Train


2015-10-168.4: Handling DOM Events with Callbacks - p5.js Tutorial
2015-10-168.3: Manipulating DOM Elements with html() and position() - p5.js Tutorial
2015-10-168.2: Creating HTML Elements with JavaScript - p5.js Tutorial
2015-10-168.1: What is HTML? - p5.js Tutorial
2015-10-15Live Stream #7.1: HTML / CSS / DOM with p5.js - Part 1
2015-10-15Coding Train Live 8: HTML / CSS / DOM with p5.js - Part 2
2015-10-097.8: Objects and Images - p5.js Tutorial
2015-10-097.7: Checking Objects Intersection Part II - p5.js Tutorial
2015-10-097.6: Checking Objects Intersection Part I - p5.js Tutorial
2015-10-097.7: Deleting Objects Using splice() - p5.js Tutorial
2015-10-097.6: Clicking on Objects - p5.js Tutorial
2015-10-097.5: Multiple js Files - p5.js Tutorial
2015-10-08Live Stream #6: More about Arrays and Objects with p5.js
2015-10-027.4: The Constructor Function in JavaScript - p5.js Tutorial
2015-10-027.4: Adding and Removing Objects - p5.js Tutorial
2015-10-027.3: Arrays of Objects - p5.js Tutorial
2015-10-027.1: What is an array? - p5.js Tutorial
2015-10-027.2: Arrays and Loops - p5.js Tutorial
2015-10-01Live Stream #5: Arrays and Objects with p5.js
2015-09-24What's new in Processing 3 Session #2
2015-09-18Trying out Processing 3 Debugger


Tags:
objects
javascript
p5.js
mousePressed
array
p5js
p5 js
p5js mousepressed
p5.js mouse pressed
p5js tutorial
javascript canvas click
p5.js on click
p5js objects
creative coding
arrays
collision
intersection
javascript (programming language)
p5.js tutorial