This example draws a circle as the cursor’s position but keeps the circle within a rectangle. It does so by passing the mouse’s coordinates into the constrain() function.
Constrain: Revised by Caleb Foss. Edited and maintained by p5.js Contributors and Processing Foundation. Licensed under CC BY-NC-SA 4.0.
You can find the code history of these examples here: 2023 code, pre-2023 code. You can suggest improvements by contributing to the current website!
相关示例
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.