Please turn JavaScript on to use this site.
Worlds
Minds
Users
Uploads
Source code
Search
Worlds
Minds
Users
Uploads
Source code
Intro
Introduction
Features
Definitions
Principles
The AI model
Teaching
Register a class
Learn
Getting started
P5 tutorial
Three.js tutorial
Coding course
Coding course II
Coding for kids
WebGL course
AI exercises
Python course
Browse
Starter Worlds
Editor's Choice
Showcase Worlds
Multi-user Worlds
Random Worlds
Advanced search
Docs
Docs
API docs
Register
Register
Forgot password
Login
Drag the background!
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
The background is a program, showing the JavaScript graphics used on this site.
The globes light up when you log in.
Hide background
Hide content