Blending two images - Printable Version +- QB64 Phoenix Edition (https://qb64phoenix.com/forum) +-- Forum: QB64 Rising (https://qb64phoenix.com/forum/forumdisplay.php?fid=1) +--- Forum: Code and Stuff (https://qb64phoenix.com/forum/forumdisplay.php?fid=3) +---- Forum: Help Me! (https://qb64phoenix.com/forum/forumdisplay.php?fid=10) +---- Thread: Blending two images (/showthread.php?tid=1515) |
Blending two images - Ikerkaz - 02-28-2023 Hi to all I would like to blend two identical images. I am doing a space game, and I want to show some kind of warp flash in the ship engines I have a flash sprite (PNG with transparency), and I want to paint two of them, one very close to the other. But the image blending is not showing the way I like... This is what QB64 does: I would like to paint something like this (I made the example in photoshop): Is there any way to paint this images as the second example? Thank yoy very much RE: Blending two images - bplus - 02-28-2023 I have posted a tool/demo for fading one image into another. My previous avatar went from one image to another and back again. https://qb64phoenix.com/forum/showthread.php?tid=272&pid=2665#pid2665 Contains an excellent demo and is very simple to use. To blend two identical images, you must mean put them next to each other, side by side, otherwise they blend into same one image. Otherwise if the image has transparency and you want to show 2 objects in image side by side just use _PutImage far enough apart that the objects don't overlap. RE: Blending two images - Petr - 02-28-2023 Code: (Select All) Screen _NewImage(800, 600, 32) PutImage is enought for this use. RE: Blending two images - Ikerkaz - 02-28-2023 (02-28-2023, 03:59 PM)Petr Wrote: Thank you Petr... I tried your code with my image, and this is the output: This is not what I am looking for... This is my original image. I would like to paint two of them very close without problems. I don't know if it is possible in QB64... anyway thank you very much. RE: Blending two images - bplus - 02-28-2023 What if you faded the image you made with Photoshop with the image of the spaceship (I assume)? I could test if I had spaceship image. RE: Blending two images - TerryRitchie - 02-28-2023 I played around with this for a while and this is the best I could come up with: Code: (Select All) DIM Image AS LONG ' alpha image By playing around with the amount of left and right image used you can draw the white beams closer or farther apart. By overlaying the original image in between the two outer images you can create a pulsing effect showing your ion engines increasing/decreasing in power. This also softens the slightly darker line in between the left and right image that no matter how hard I try I can't get rid of. I took your image and processed two of them overlapping side by side in a few paint programs I have. The result is always the same as what QB64 does, so QB64 is actually blending them properly. RE: Blending two images - Ikerkaz - 02-28-2023 (02-28-2023, 05:59 PM)TerryRitchie Wrote: I played around with this for a while and this is the best I could come up with:Thank you very much TerryRitchie!!! I think I will reuse your code RE: Blending two images - TerryRitchie - 02-28-2023 No problem RE: Blending two images - Ikerkaz - 03-03-2023 In case anyone is interested, I am going to try to explain in my painful English what I have finally done to solve my problem. I read the glow PNG and put it in a new image (long) variable (I will call it "source"). If this image's width is (i.e.) 100x100 pixels, I create a 2-dimension array that is 150x100 positions (because I'm going to paste one glow near to the other). I will call this array "destiny". I read for the first time "source" image pixel by pixel with POINT, and I paste these values onto "destiny" array. I read again "source" image, and I compare the values of "destiny" array located 50 positions to the right. From both valors, I paste the maximum one onto "destiny". Finally, i read "destiny" array pixel by pixel, and I write them into another image variable, and then I put this image on the screen. I hope I have explained myself well... this is my final result, and I like it RE: Blending two images - Ikerkaz - 03-03-2023 Another example, now with both images closer: |