mirror of
https://github.com/processing/processing4.git
synced 2026-01-30 11:51:54 +01:00
42 lines
759 B
Plaintext
42 lines
759 B
Plaintext
/**
|
|
* Easing.
|
|
*
|
|
* Move the mouse across the screen and the symbol will follow.
|
|
* Between drawing each frame of the animation, the program
|
|
* calculates the difference between the position of the
|
|
* symbol and the cursor. If the distance is larger than
|
|
* 1 pixel, the symbol moves part of the distance (0.05) from its
|
|
* current position toward the cursor.
|
|
*/
|
|
|
|
float x;
|
|
float y;
|
|
float targetX, targetY;
|
|
float easing = 0.05;
|
|
|
|
void setup()
|
|
{
|
|
size(200, 200);
|
|
smooth();
|
|
noStroke();
|
|
}
|
|
|
|
void draw()
|
|
{
|
|
background( 51 );
|
|
|
|
targetX = mouseX;
|
|
float dx = targetX - x;
|
|
if(abs(dx) > 1) {
|
|
x += dx * easing;
|
|
}
|
|
|
|
targetY = mouseY;
|
|
float dy = targetY - y;
|
|
if(abs(dy) > 1) {
|
|
y += dy * easing;
|
|
}
|
|
|
|
ellipse(x, y, 33, 33);
|
|
}
|