Please turn JavaScript on to use this site.
Worlds
Minds
Users
Uploads
JS code
Search
Worlds
Minds
Users
Uploads
JS code
Intro
Introduction
Features
Definitions
How to run Worlds
Teaching practicals
The AI model
Learn
How to code
How to code P5
Tutorial (P5)
How to code Three.js
Tutorial (Three.js)
Coding course
Coding course II
Coding for kids
WebGL course
AI exercises
Browse
Starter Worlds
Editor's Choice
Multi-user Worlds
P5 Editor Worlds
Coding Train Worlds
AI Worlds
Random Worlds
Advanced search
Docs
JavaScript
P5
Three.js
AB
APIs
AB World and Mind
AB runs
AB legacy
Resources
Ace editor
Register
Register
Forgot password
Login
Step 10. The map() Function
Click the World to run it. You will see that background color changes as you move the mouse left-right. This uses the handy P5 function
map()
which maps a number from one range to another.
Video
From:
Tutorial 2.4: The map() Function
World
Tutorial 2.4
The map() Function
Clone and Edit
Previous
Next: Step 11 of 17
Tweet this step: