2.5: The map() Function - p5.js Tutorial

Показать описание

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

#math #basics #p5js #javascript

Рекомендации по теме

Комментарии

Gotta say its the best teacher you will ever get, even old vids of him is masterpiece.

Itspurenoob

5:04 It is truly a privilege and a pleasure to see someone wiping the board on YouTube these days and not get cut off on the edit. Thanks Dan!

pozzomarc

I learned far more from you than what I learnt at my university

octolearn

Only 2 years late, but I really appreciate all these tutorials!
Cheers (:

smalpiper

The amount of joy i get from varying the code i see here even minutely and getting it to work in unparalleled. Thanks so much dan!

pointstudio

I love your conversational style of teaching, and how you give challenges after each tutorial which are perfectly bite sized. Thank you so much for explaining Javascript and coding logics so beautifully. I used to be scared to code, this is so motivating and I feel I actually learned something new on a regular basis. Very grateful to you Todd :)

harshikerfuffle

In class they tell us to aspire to explain code like our favourite programmer on YouTube. I seriously aspire to code, think, and explain like you.

nattullos

Map function is pretty cool, Last time when I searched for it in web, it took around one hour to properly understand it from various references. You compiled it well.

deepankverma

Dude, your channel is taking off like a rocket since the last time i checked.

liinkx

The Coding Train is now one of my favourite channels. it is way better the buying an online course. Thank You!

josharpe

Bruh thank you so much!! Was trying to get this yesterday all night lol. Subscribed!!

Junior-rddz

Before this video, I would have ( mouseX/600)*255. But it is cool to know about this :)

omarhedaya

Oh my Goodness, I finally don't have to worry about resizing graphics in my sketch window in weird ways using complex math again!!! I can just map them now from a constant/defined/already decided canvas size now :D

This is so helpful :P

Brahvim

Dan is iconic. The man cares and it SHOWS

genevaleerobles

Thank you for making coding so easy to understand!!! This is a GREAT explanation on mapping.

tokidokiknitter

Encouraging teaching sir. NOT a lot of dead stuffs (cliche)! Thanks DAN!

badruzzaman

been following along though the playlist i feel like im in school with one of the cool teachers that you actually want to learn from and want to show up to class for.

bunzguy

The math of the map function is :

function map(value, minA, maxA, minB, maxB) {
return (1 - ((value - minA) / (maxA - minA))) * minB + ((value - minA) / (maxA - minA)) * maxB;
}

If i dont have made mistake, the math is correct :)

numeromojeangering

I was searching a lot about map( ) and didn't find as I expected, luckily I found your video :)

skrezwan

map() is a wonderful function! I like your explanation and example of it.

endofmysteries

2.5: The map() Function - p5.js Tutorial

2.5: The map() Function - p5.js Tutorial

Python's map() Function: Transforming Iterables

The map function is probably the most useful array function in javascript #shorts

Intermediate Python Tutorial #3 - Map() Function

Convert List from Character String to Integer (2 Examples) | map() Function vs. List Comprehension

Ramda Series Transformations with the Map function | 2 of 10

ETS2 Greece DLC: Special NEW Feature!! (+ Full Map Reveal)

VLOOKUP, MAP & LAMBDA functions to spill a Two-Way Lookup Formula Excel Magic Trick 1760

Python for Beginners: Understanding the Map Function

Learn the JavaScript Map function in 18 minutes (for beginners)

Simplify the Boolean function using K map f(𝒘,𝒙,𝒚,𝒛)=∑𝝅𝑴(𝟏,𝟒,𝟓,𝟏𝟏,𝟏𝟐,𝟏𝟑,𝟏𝟒,𝟏𝟓).𝒅(𝟑,𝟗,𝟏𝟎)...

Dataweave 2.0 | Functions | -- | Zip | Unzip | Map | MapObject | Flatten

JavaScript Map Function - Datenstrukturen transformieren mit der Map Methode

Mathematica Tutorial 5 - Functions and the Map Command. Part 1: The Map Command

Python 3 - Episode 39 - Map function

Map function in JavaScript #shorts

7 LAMBDA Helper Functions: MAP, SCAN, BYCOL, BYROW, REDUCE, ISOMITTED, MAKEARRAY. EMT 1749

Higher-order function “map” in Haskell

Mathematica Tutorial 5 - Functions and the Map Command. Part 2: Defining your own functions

Make a K-map for the function, f(A,B,C,D) = ¶M (3,4,5,7,11,13,15)) + d(6,8,10,12)

Xiaomi Mi Robot Vacuum Mop Cleaner - How to enable function “Map management” & “Creating smart ...

Minimize four-variable logic function using K-Map, f(A,B,C,D) = ∑m(1,2,6,7,8,13,14,15) + d(3,5,12)....

Fortnite’s *NEW* Chapter 6 BATTLE PASS! (All Tiers)

Functions - Types of Mapping | Don't Memorise

Fortnite’s NEW Chapter 6 BATTLE PASS! (All Tiers)