How to make a very basic 2 frame animation?

Programming Questions

ajgazin

How to make a very basic 2 frame animation?

in Programming Questions • 1 month ago

Hey Guys. So, I have just started using processing/programming 2 days ago, and have decided to try animating something. So far, I made a basic pacman outline, and my goal is now to make his mouth open and close (I've tried just randomizing the arc, but seeing as that goes through all the positions instead of just open and closed, it made my poor pacman look like he was having a seizure) -- however, no matter what I try, I for some reason cannot loop these 2 different frames. I'll put in the code for the body just in case, and would be very grateful if anyone could help;;

void setup () {
size (600, 600);
}
void draw () {
background (255);
//pacman with mouth open
frameRate (10);
stroke (255, 255, 255);
fill(255, 243, 0);
arc (mouseX, mouseY, 50, 50, QUARTER_PI, PI+HALF_PI+QUARTER_PI);
// pacman with mouth closed
stroke (255, 255, 255);
fill (255, 243, 0);
ellipse (mouseX, mouseY, 50, 50);
}

Replies(6)

XYZZY

Re: How to make a very basic 2 frame animation?

1 month ago

Well, I can't write up any code necessarily, unless you want me to give some code that will sieze up your program because that is all I was really able to do recently when I tried a timer class, but you need to loop through the two images of pacman with a timer function inbetween. You could alternately set your frameRate() in setup() to something like one or two frames per second, but that isn't really a good solution. You can see a timer class here: http://www.openprocessing.org/sketch/60150.

You can probably look through this and find the appropriate part to create a time delay, which will use the millis()function.

ajgazin

Re: How to make a very basic 2 frame animation?

1 month ago

Thanks! It all works great except for another fundamental thing -- I set it up so that every second the pacman closes his mouth;; however, he only closes his mouth for a single frame. Is there anyway was of choosing how many frames the second image (closed mouth) remains for? Clearly a continuous loop wouldn't work, and a single frame is a bit meh. Gracias for the help

ajgazin

Re: How to make a very basic 2 frame animation?

1 month ago

Oh and I forgot to put my code in my previous post, oops!

long prevTime = 0;
void setup () {
size (600, 600);
prevTime = millis();
}
void draw () {
background (255);
//pacman with mouth open
frameRate (10);
stroke (255, 255, 255);
fill(255, 243, 0);
arc (mouseX, mouseY, 50, 50, QUARTER_PI, PI+HALF_PI+QUARTER_PI);
saveFrame ();
if ( millis() - prevTime > 500 ) {
prevTime = millis();
// pacman with mouth closed
stroke (255, 255, 255);
fill (255, 243, 0);
ellipse (mouseX, mouseY, 50, 50);
prevTime = millis();
}
}

apex_nd

Re: How to make a very basic 2 frame animation?

1 month ago

int anim_frame;//current frame count since last close
int anim_speed;//constant, determinest at what speed (wrt frames) you want to animate
void setup () {
size (600, 600);
anim_frame=0;
anim_speed=20;
noStroke();
}
void draw () {
background (255);
//frameRate (10);//advice: keep frame rate at default (30fps) for best performance-especially animations
fill(255, 243, 0);
if(anim_frame++<anim_speed)//pacman close mouth
arc (mouseX, mouseY, 50, 50, QUARTER_PI-QUARTER_PI*anim_frame/anim_speed, PI+HALF_PI+QUARTER_PI+QUARTER_PI*anim_frame/anim_speed);
else//open mouth
arc (mouseX, mouseY, 50, 50, QUARTER_PI*anim_frame/(2*anim_speed), 2*PI-QUARTER_PI*anim_frame/(anim_speed*2));
if(anim_frame>=2*anim_speed)anim_frame=0;
fill(0);
ellipse (mouseX-5, mouseY-10, 5, 5);//draw an eye
}

XYZZY

Re: How to make a very basic 2 frame animation?

1 month ago

ajgazin- all you need to do is repeat lines 18 and 19 after the second frame. That way you have the pause between each pacman image shape.

ajgazin

Re: How to make a very basic 2 frame animation?

1 month ago

Wow, thanks for all the great responses apex & Quadrobite -- I have precisely what I want now! I think I now have the skills to program the next Warcraft thanks to you guys:)

Top Reply