How to zoom Image

danielduarte88

Hi!

I am trying to apply a zoom effect in an image. I am using a resize() method that you can see in the code below.

However, it is occurring a mix color effect.

In the first moment, the image initialize according the image below:

After a few minutes, the image is this way: .

My question is: how to apply a zoom effect in an image no this "mix color effect"?

danielduarte88

Here is the code:

int x = 0;

void setup(){
  background(255);
  size(300, 300);
  object = loadImage("speek.png");
}

void draw(){
  x=x+1;
  if( x <= 50 ){
    object.resize(50+(x-1),50+(x-1));}
  else{x=0;}
  image(object, 125, 125);
} 

void keyPressed () {
  if (key=='s') {
    saveFrame("exports/img-####.jpg") ; // to save the frames you want
  }
}

danielduarte88

Ok guys!

About the "mix color effect", I resolved with a background() in the beginning of draw(). I taked solution from this topic: http://forum.processing.org/one/topic/how-to-clear-the-screen-after-drawing-something.html

About "zoom effect", instead of resize(), I used a the perspective() function. I adapted the code from this example: http://www.processing.org/reference/perspective_.html.

The result can be seen here: http://www.openprocessing.org/sketch/130206.

Thanks for the space in the forum!