De functie map() kun je gebruiken om getallen om te rekenen. Dat werkt als volgt: stel ik wil de muiscursor gebruiken om een balletje te sturen. Het balletje zit in een rechthoekje, en als de muiscursor helemaal links op het scherm staat (mouseX == 0), dan moet het balletje links in het rechthoekje zitten. Als de muiscursor helemaal rechts op het scherm staat, dan moet het balletje rechts in de rechthoek zitten:
float x, y;
noFill();
rect(300, 200, 150, 100);
// vertaal mouseX met waardes tussen 0 en width, naar een getal tussen
// 300 en 450
x = map(mouseX, 0, width, 300, 450);
// vertaal mouseY met waardes tussen 0 en height, naar een getal
// tussen 200 en 300
y = map(mouseY, 0, height, 200, 300);
fill(255);
ellipse(x, y, 5, 5);
Je kunt map() ook gebruiken in een for-loop. Als je tellertje loopt van 1 tot en met 5, en je wilt cirkels tekenen met x-posities tussen 50 en 450:
x = map(i, 1, 5, 50, 450);
Met deze functie kun je de afstand tussen twee punten uitrekenen:
dist(x0, y0, x1, y1);
geeft de afstand (in pixels) tussen het punt (x0, y0) en (x1, y1). Als je bijvoorbeeld de afstand van de muiscursor tot het punt (50, 100) wilt weten:
dist(mouseX, mouseY, 50, 100);