Course Hive
Search

Welcome

Sign in or create your account

Continue with Google
or
2.5: The map() Function - p5.js Tutorial
Play lesson

Start learning here! - 2.5: The map() Function - 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

Keywords

Full Transcript

This video covers the map() function in p5.js -- how to take a value from a given range and map it to a new range. Code: https://thecodingtrain.com/tracks/code-programming-with-p5-js/code/2-variables/5-map đŸ•č p5.js Web Editor Sketch: https://editor.p5js.org/codingtrain/sketches/yJqbGf71 đŸŽ„ Previous video: https://youtu.be/POn4cZ0jL-o?list=PLRqwX-V7Uu6Zy51Q-x9tMWIv9cueOFTFA đŸŽ„ Next video: https://youtu.be/TaluaAD9MKA?list=PLRqwX-V7Uu6Zy51Q-x9tMWIv9cueOFTFA đŸŽ„ All videos: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6Zy51Q-x9tMWIv9cueOFTFA Timestamps: 0:00 Hello! Let's talk about the map function. 0:32 Let's start with an example. 3:03 Trying to change the range of mouseX without map(). 4:17 That sort of worked, but what about other scenarios? 5:12 Let's see if I can explain how to use map(). 7:44 How about we try it out! 8:27 Let's have some fun with map()! 9:39 How could you take this farther? 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 #math #basics #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