Image help needed?????

BigDC

I have 2 images (named back_image.png and front_image.png) both are in "res://Sprites". I then have a 3rd image which is created dynamically and named: middle_image.png. The code for this 3rd image works perfectly. What I am wanting to do is combind all three images into 1 texture.

Finished Image (Texture) Structure. (front_image is on top) -front_image -middle_image -back_image

The code I use to create middle_image is as follows: for i in CardLibrary.cards: var image_file = "res://Sprites/middle_images/"+CardLibrary.cards[i].image+".png" var img = Image.new() var itex = ImageTexture.new() img.load(image_file) var middle_image = itex.create_from_image(img)

Now I need code top combind all 3 images into 1 image texture ...

Please help?

TwistedTwigleg

If you know the size of the images, you could put them all in a Viewport, and then get the image from that. The screen capture demo on the demo repository shows how to take the texture within a Viewport (in the demo, it uses the main viewport, but the code should work with any Viewport) and convert it into a ImageTexture.

Brannigan

If you only need to build your Image one time ( not each frame ), i think your best choice is to use the blend_rect method defined in the Image class.

it should be something like :

[target image].blend_rect( [source Image], Rect2( [ region to take from source image ] ), Vector2( [ coords to blend to in target image ] ) )

then you can just save the new image : [target image].save( '[image name].png' )

if your image is linked to an ImageTexture class, to see any change ingame you need to "commit" your modifications :

[ImageTexture].set_data( [target image] ).