[ad_1]
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.
Next video:
Support this channel on Patreon:
Contact:
Send me your questions and coding challenges!:
Link to code on Github:
p5.js:
For More p5.js Videos:
Help us caption & translate this video!
by
Tags:
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.
The Coding Train is now one of my favourite channels. it is way better the buying an online course. Thank You!
i wish he would have shown this graphically , how it really is a two point slope formula , ive been looking for a video that explained it like that and stumbled on to this . but this isnt it lol
fun thing to do: use this as your color : col = [map(mouseX,0,400,0,255),0,0]; what it does is let you use rgb scale by making the normal 0-255 scale a vector.
mouaex is a variable how I can make it in brackets . Cause there is no variable like that
Great video Dan , can someone pls give me some idea about the MATHS map() function uses 🙂
Couldn't we just create a math function like col =(255/600) * mouseX ? I mean is the map function just a simpler way to express this?
Whenever you draw the bottom line of a square (The canvas) it's slanted. Drives my OCD fucking nuts!!!
Why don't you just do something like this: col = (mouseX / width) * 255;
It should work as well….
You are the best teacher. I cant believe this videos are FREE !!!
Great
hi you are the best dude
I have one question
can we define a line or any other shape using polar coordinates system
I love you bro
Holy moly you're insane
Kind of funny. i happen to have made a map kind of function recently and now I'm stumbling across this video.
Technicality, with no difference seen in that case, but shouldn't it be "0 to 599" rather than "0 to 600" through the video?
thank you so much! I've been so confused with the map function but your explanation really cleared it up for me ^-^
I just love your videos and your way to explain, thank you !!
So white is right
hi shiffman. first of All, love your videos. i have a question, though. if you were to use fixed ranges in map function (ex: i want to map my world coordinates to screen resolution) is OK to use it in draw function? do we lose performance? or there is a better aproach? best regards!
this may sound dumb but why don't you have to declare col with var col =… Why do you not need var
very very entertaining as well as informative ..
fun to learn from Shiffman. !!
I freaking love programming explained by Shiffman!! I go from huh to aha!! Awesome!
i enjoy your vids so much thats why is suscribedyou in 3 diff phone
Before this video, I would have ( mouseX/600)*255. But it is cool to know about this 🙂
//Sun setting in a weird fashion.
var r;
var b;
function setup()
{
createCanvas(600,400)
}
function draw()
{
noStroke();
fill(b,r,0);
r = map(mouseX,0,width,0,255);
b = map(mouseY,0,width,0,255);
background(r,b,0);
ellipse(mouseX,mouseY,50,50);
}
you could do like 600/255 and work perfectly
Dude, your channel is taking off like a rocket since the last time i checked.
Thank you so much it is hard to learn p5js with only there there website's tutorials
I learned far more from you than what I learnt at my university
I was searching a lot about map( ) and didn't find as I expected, luckily I found your video 🙂
I tried the Y function but it only goes black to white! This is some fun shit! You are awesome Daniel =)
So good!
very clear explaination. Many thank
Hi, i have a question. I'm trying to understand mapping. But i cant figure this out..
float a;
void setup(){
size(300,300);
}
Void draw(){
a= 50;
a=map(a,-100,100,0,2000);
}
How big wil A be after the mapping, and why?
could you do a video about exporting p5.js animations as video?
Once again thanks man. Ive been reading Lauren McCarthy's book and i got a little stuck on the concept. Then i remembered you have all these great videos to explain things!
Thank you so much super helpful !! Makes a lot more sense now!!
map() is a wonderful function! I like your explanation and example of it.
One question – the functionality you've covered so far would appear to be available in other libraries – have you reinvented the wheel? I suspect, given the aim is to cover what Processing does, there's a lot more to it than the functions you're teaching us here. For what it's worth – I'm sticking around as I'm learning so much from your excellent tutorials 🙂
These videos are sooooo helpful – what a great teacher and excellent explainer – many thanks 🙂
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.
Leave a Reply