Course Hive
Search

Welcome

Sign in or create your account

Continue with Google
or
2.2: Variables in p5.js (Define Your Own) - p5.js Tutorial
Play lesson

Start learning here! - 2.2: Variables in p5.js (Define Your Own) - p5.js Tutorial

4.0 (0)
9 learners

What you'll learn

This course includes

  • 6.5 hours of video
  • Certificate of completion
  • Access on mobile and TV

Summary

Full Transcript

In this video, I cover how to define, initialize, and use your own variables for the purpose of animating p5.js sketches. Code: https://thecodingtrain.com/tracks/code-programming-with-p5-js/code/2-variables/2-define-variables p5.js Web Editor Sketches: 🕹️ Moving Circle: https://editor.p5js.org/codingtrain/sketches/xPXNdPy17 🕹️ Growing Circle: https://editor.p5js.org/codingtrain/sketches/ehbMJ-otC 🎥 Previous video: https://youtu.be/7A5tKW9HGoM?list=PLRqwX-V7Uu6Zy51Q-x9tMWIv9cueOFTFA 🎥 Next video: https://youtu.be/T26OJGjI8qI?list=PLRqwX-V7Uu6Zy51Q-x9tMWIv9cueOFTFA 🎥 All videos: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6Zy51Q-x9tMWIv9cueOFTFA Videos: 🚂 let vs var: https://youtu.be/q8SHaDQdul0 Timestamps: 0:00 Hello! Let's talk more about variables! 0:18 What are we trying to make? 0:52 What are the steps to making a variable? 1:12 Step 1: Declare 3:01 Step 2: Initialize 4:21 Step 3: Use 5:03 Let's add the code! 5:49 Combining declaration and initialization. 6:43 What is a global variable? 7:31 But the circle isn't moving! How can we fix that? 9:19 How can we make it interactive? 9:50 What's next? 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 #basics #variables #p5js #javascript

Course Hive

Continue this lesson in the app

Install CourseHive on Android or iOS to keep learning while you move.

Related Courses

FAQs

Course Hive
Download CourseHive
Keep learning anywhere