how to animate a box moving from left to right in 2 second interval?

General Discussion Other

oatcracker

how to animate a box moving from left to right in 2 second interval?

in General Discussion • Other • 1 year ago

May I ask how to animate a box moving from left to right in 2 second interval?

I searched the forum and it seems the delay(), function is not working in a for loop...

What I actually want to do is to animate a serious of rectangular shapes one by one in about 1 second interval, each of them is drawn by referring to an external file.

see my post:
http://forum.processing.org/topic/how-to-create-a-color-legend-with-red-indicating-the-max-value-and-blue-the-min-value#25080000001741593

Thanks in advance!

- J

Replies(4)

Sergio Pa..

Re: how to animate a box moving from left to right in 2 second interval?

1 year ago

I use this when I need to allow something only every X seconds. I set the "delayTime" to the amount of seconds it has to wait.

int delayTime = 2000; // 2 seconds
// millis() will return how much time has passed since the sketch began
if (millis() - lastTime >= delayTime) // if
{
lastTime = millis();
moveLeft();
}

This way, the sketch will not stop running to wait for this, and it will also work on Linux (the delay command has issues there);

oatcracker

Re: how to animate a box moving from left to right in 2 second interval?

1 year ago

Hi, Sergio, thanks for your advice!

Can you kindly help to demo how these code works in a real animation? e.g. what might be in the moveLeft() function?

I found another reference from PROCESSING: CREATIVE CODING AND COMPUTATIONAL ART (p.483), and it seems I only need to change the frameRate to achieve the effect of a box moving from left to right step by step in a given speed:

int x, xspd = 3;

void setup(){
size(400, 400);
frameRate(5);
}

void draw(){
background(255);
fill(random(255));
rect(x, height/2, 10, 10);
x+=xspd;
}

- J

oatcracker

Re: how to animate a box moving from left to right in 2 second interval?

1 year ago

another way by following your suggestion:

long lastTime = 0;
int x, xspd = 3;
long interval = 500;

void setup(){
size(400, 400);
lastTime = millis();
}

void draw(){
if ( millis() - lastTime > interval ) {
    background(255);
    fill(random(255));
    rect(x, height/2, 10, 10);
    x+=xspd;
    lastTime = millis();
}
}

- J

ijeoma

Re: how to animate a box moving from left to right in 2 second interval?

1 year ago

I think it'd be much easier for you to use an animation library like ijeomamotion or ani.

Top Reply