The map() function converts a value from one range to another. In this example, map converts the cursor’s horizontal position from a range of 0-720 to 0-360. The resulting value become the circle’s hue. Map also converts the cursor’s vertical position from a range of 0-400 to 20-300. The resulting value becomes the circle’s diameter.
Map by p5.js Contributors and the Processing Foundation is licensed under CC BY-NC-SA 4.0.
Related Examples
A small white circle on a grey background.
Linear Interpolation
Convert a number between 0 and 1 to another range.
A large yellow circle on a black background.
Map
Convert a number from one range to another range.
A small purple circle on a black background.
Random
Get random numbers.
A small white circle in a pink rectangle.
Constrain
Keep a number within a range.
A pink clock on a grey background.
Clock
Get the current time.