you have to use rotate() to do that
http://processing.org/reference/rotate_.html

but to rotate the images around its center, you have to
use translate() as well..

it should look something like this


translate(x,y);
rotate(r);
image(img,0,0);


beside that you have to use imageMode() and set it to CENTER
http://processing.org/reference/imageMode_.html

you need to load the image first. So two commands:

1. PImage img = loadImage (imageName):
   image(img, imageX, imageY, imageScaleWidth, imageScaleHeight);
   

kb, http://www.riftgame.com/

dont do it like that. cause that would mean you load the images every frame...
they way you do it, declaring it globally, loading it in setup is right... i dont see a problem there. do you have the whole code, there is probably just a simple typo or something...

Thanks for the reply kevin! I had already loaded the image in the above code (I should have shown it in the code) but that's not the issue. Basically I have a random function picking a # from 1-20 (I have 20 PNG images I want to use):

like i said, its not the best idea to load the image every frame. even if you have to change it. it makes more sense if you load all the images into an array.

beside that you are probably getting the problem because image number is float. so you are not getting, 0,1,2,3,4 like you need for your image names, you get float values. one way would be to write it that way :

  PImage img = loadImage (int(imageNumber) + ".png");


Still the better way would be to load your images into an array of images like that :

PImage[] images = new PImage[20];

Then in setup: 

for ( int i = 0; i< images.length; i++ ){
images[i] = loadImage( i + ".png" );   // make sure images "0.png"  
to "11.png" exist
}

and then just write 

1.   image(images[int(random(20))], 0, 0, imageScaleWidth, imageScaleHeight);

in your draw()


 

My whole code: 

Thank you very much! It's working like a charm. Really appreciate the patience