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

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







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)