Hello,

I'm a complete novice with Processing, but I will try to be helpful.

It seems that this example can be useful for you: http://processing.org/learning/basics/sprite.html

Here it is the code:

PImage teddy;

float xpos;
float ypos;
float drag = 30.0;

void setup()
{
 size(200,200);
 teddy = loadImage("teddy.gif");
 xpos = width/2;
 ypos = height/2;
 frameRate(60);
}

void draw()
{
 background(102);
 
 float difx = mouseX - xpos-teddy.width/2;
 if(abs(difx) > 1.0) {
   xpos = xpos + difx/drag;
   xpos = constrain(xpos, 0, width-teddy.width);
 }  
 
 float dify = mouseY - ypos-teddy.height/2;
 if(abs(dify) > 1.0) {
   ypos = ypos + dify/drag;
   ypos = constrain(ypos, 0, height-teddy.height);
 }  
 
 // Display the sprite at the position xpos, ypos
 image(teddy, xpos, ypos);
}


To do an animation is easy. First, you clean the screen using "background". Then, you put the image on the screen. Because this is in a draw(), the sequence of steps will be repeated time after time. You only need to change the coordinates of the image just a little in every step. And, that's all! You will have an animation.

Javier