class AnimatedSprite {

  ArrayList<PImage> images;

  int currentImage;     // index of the image that will be displayed

  int playRate;         // speed at which to change currentImage

  int imageSwitchTimer; // get a new image whenever this is 0

  float x, y;

  float dx, dy;

  float angle;

  float spinRate;

  boolean visible;

  boolean bouncing;

  boolean boundingBoxVisible;

  AnimatedSprite(int init_playRate) {   // constructor

    images = new ArrayList<PImage>();

    playRate = init_playRate;

    imageSwitchTimer = playRate;

    currentImage = 0;

    visible = false;

    bouncing = false;

    boundingBoxVisible = false;

  }

  void addImage(String fname) {

    PImage img = loadImage(fname);

    images.add(img);

  }

  void render() {

    PImage img = images.get(currentImage);

    if (visible) {

      pushMatrix();

 x = mouseX;

    y = mouseY;

      // move and rotate the coordinate system

     // translate(x + img.height / 2, y + img.height / 2);

     // rotate(angle);

      // draw the image

      image(img, -img.width / 2, -img.height / 2);

      popMatrix();

    }

//    if (boundingBoxVisible) {

//      pushStyle();

//      noFill();

//      stroke(255, 0, 0);

//      rect(x, y, img.width, img.height);

//      popStyle();

//    }

  }

  void update() {

    x = mouseX;

    y = mouseY;

    //x += dx;

    //y += dy;

    angle += spinRate;

    if (bouncing) checkEdgeCollisions();

        // change the image if necessary

    --imageSwitchTimer;

    if (imageSwitchTimer <= 0) {

      imageSwitchTimer = playRate;

      currentImage += 1;

      if (currentImage >= images.size()) { // wrap-around to first image if necessary

        currentImage = 0;

      }

    }

  }

  void checkEdgeCollisions() {

    if (y < 0) dy *= -1;       // hit the top edge?

    if (y >= height) dy *= -1; // hit the bottom edge?

    if (x < 0) dx *= -1;       // hit the left edge?

    if (x >= width) dx *= -1;  // hit the right edge?

  }

  // Returns true when point (a, b) is inside this sprite's

  // bounding box, and false otherwise.

  boolean pointInBoundingBox(float a, float b) {

    PImage img = images.get(currentImage);

    if (a > x && a < x + img.width &&  b > y && b < y + img.height)

      return true;

    else

      return false;

  }

} // class AnimatedSprite

 // initialize the mario sprite

  mario = new AnimatedSprite(10);

  mario.x = mouseX;

  mario.y = mouseY;

  mario.dx = 2;

  mario.visible = true;

  mario.bouncing = true;

  mario.addImage("marioWalk1.png");

  mario.addImage("marioWalk2.png");

  mario.addImage("marioWalk3.png");

  mario.addImage("marioWalk4.png");

  mario.addImage("marioWalk5.png");

  mario.addImage("marioWalk6.png");

  mario.addImage("marioWalk7.png");

  mario.addImage("marioWalk8.png");

void draw() {

  background(0);

  

  mario.render();

  mario.update();

void setup() {

  size(500, 500);

}

void draw() {

  background(255);

  // get the current time

  int s = second();  // values from 0 - 59

  int m = minute();  // values from 0 - 59

  int h = hour();    // values from 0 - 23

  // move origin to center of the screen

  translate(250, 250);

  // draw the seconds hand

  pushMatrix();

  rotate(radians(map(s, 0, 59, 0, 360)));

  stroke(255, 0, 0);

  strokeWeight(1);

  line(0, 0, 0, -225);

  popMatrix();

  // draw the minutes hand

  pushMatrix();

  rotate(radians(map(m + s / 60.0, 0.0, 60.0, 0.0, 360.0)));

  stroke(0, 0, 255);

  strokeWeight(5);

  line(0, 0, 0, -200);

  popMatrix();

  // draw the hours hand

  pushMatrix();

  if (h > 12) h -= 12;

  rotate(radians(map(h + m / 60.0, 0.0, 24, 0.0, 360.0)));

  strokeWeight(5);

  stroke(0, 255, 0);

  line(0, 0, 0, -100);

  popMatrix();

  // "button" at the center

  fill(0);

  noStroke();

  ellipse(0, 0, 15, 15);

}