Image merging question

Programming Questions

differenz..

in Programming Questions • 10 months ago

Hey, I would like to add two images like layers on top of each other and then store this into an image like so:

int helmetLevel=0;
PImage player=new PImage;
PImage skeleton= new PImage;
PImage[] helmet = new PImage;
skeleton = loadImage("skeleton.png");
helmet[0]= loadImage("transparent.png");
helmet[1]= loadImage("helmet1.png");
helmet[2]= loadImage("helmet2.png");
player=(skeleton+helmet[helmetLevel]); //----does not work
void updPlayer(){
player=(skeleton+helmet[helmetLevel]); //----does not work
}

So that i can change the helmet by changing helmetLevel and running updPlayer().

But player=(skeleton+helmet[]) does not work, so how do I blend two images together like this?

Thanks :)

Replies(4)

amnon.owed

Re: Image merging question

10 months ago

Some possible solutions...

Just draw them after each other (don't blend).
Draw them after each other with a certain blend effect by using blend().
Use pixels operations to create a new images based on two images, see here.
Use a PGraphics for the player. Draw the images to it once when needed. Use it continuously.

differenz..

Thanks for the quick answer.

Used drawing them after each other so far, but wonder if this is the best way to do it, because it draws multiple images (slowing down the process, using more memory etc.)

So now I will use PGraphics for my program because the player image is only changed occassionally, but used multiple times.

PhiLho

Re: Image merging question

10 months ago

" it draws multiple images (slowing down the process, using more memory etc.)"
I am not sure I follow you...
But perhaps you forgot to do a simple background() call at the start of the draw(), a classical error.

differenz..

Re: Image merging question

10 months ago

Slowing down or memory usage is not noticeable, but from programing on a ti84 (calculator) it always feels like:
many lines of code = slower

but now my code works fine thank you :)

Top Reply