2.1: Variables in p5.js (mouseX, mouseY) - p5.js Tutorial

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


Category:
Tutorial
Duration: 12:24
223,616 views
3,589

In this video, I introduce the concept of variables in p5.js. The setup() and draw() functions are covered as well as mouseX and mouseY.

πŸ’» Code: https://thecodingtrain.com/beginners/p5js/2.1-mousex-mousey.html
πŸ’» p5.js Web Editor Code: https://editor.p5js.org/codingtrain/sketches/Nnn1OpIg

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

πŸ‘Ύ Share Your Creation! https://thecodingtrain.com/Guides/community-contribution-guide.html
🚩 Suggest Topics: https://github.com/CodingTrain/Rainbow-Topics
🌐 Help translate this video: http://www.youtube.com/timedtext_video?ref=share&v=RnS0YNuLfQQ

πŸš‚ Website: http://thecodingtrain.com/
πŸ’‘ GitHub: https://github.com/CodingTrain
πŸ’¬ Discord: https://discord.gg/hPuGy2g
πŸ’– Membership: http://youtube.com/thecodingtrain/join
πŸ›’ Store: https://standard.tv/codingtrain
πŸ“š Books: https://www.amazon.com/shop/thecodingtrain
πŸ–‹οΈ 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



Other Videos By The Coding Train


2015-09-103.4: Boolean Variables - p5.js Tutorial
2015-09-103.3: Else and Else if, AND and OR - p5.js Tutorial
2015-09-103.2: The Bouncing Ball - p5.js Tutorial
2015-09-103.1: Introduction to Conditional Statements - p5.js Tutorial
2015-09-10Coding Train Live 3: p5.js Conditionals and Loops - Part 2
2015-09-10Live Stream #2.1: p5.js Conditionals and Loops - Part 1
2015-09-042.5: The random() Function - p5.js Tutorial
2015-09-042.5: The map() Function - p5.js Tutorial
2015-09-042.3: JavaScript Objects - p5.js Tutorial
2015-09-042.2: Variables in p5.js (Make your own) - p5.js Tutorial
2015-09-042.1: Variables in p5.js (mouseX, mouseY) - p5.js Tutorial
2015-09-04Coding Train Live 1: p5.js Video Lesson Recording Session
2015-09-011.3: Basics of drawing - p5.js Tutorial
2015-09-011.4: Color - p5.js Tutorial
2015-09-011.1: Introduction - p5.js Tutorial
2015-08-271.5: How to upload your sketch - p5.js Tutorial
2015-08-119.x: Genetic Algorithms and Evolutionary Computing - The Nature of Code
2015-08-118.1: Fractals - The Nature of Code
2015-08-118.5: L-Systems - The Nature of Code
2015-08-118.4: Recursion with Transformations - The Nature of Code
2015-08-118.3: Fractal Recursion with ArrayList of Objects (Koch Curve) - The Nature of Code


Tags:
p5.js
setup
draw
mouseX
JavaScript (Programming Language)
mouseY
mouse events
Variable
Tutorial
variables p5
p5js
p5js tutorial
javascript mousex and mousey
p5.js variables
p5.js tutorial
p5js mouse
variables
daniel shiffman
creative coding
javascript
tutorial (media genre)