Gdevelop previewer increasing the opacity levels of PNG images?

Digitalstickmans · March 26, 2025, 7:48pm

Hi guys, please see the issue below

The left example is the score screen in Gdevelop editor
The right example is the score screen in Gdevelop preview mode.

I made the score screen in Clip studio Paint and exported the final image as a transparent PNG. The green (screen) part of the machine has a layer with around 50% opacity.

I was wondering if Gdevelop could handle PNGS with different opacity levels. And yeah, it seems like it can, up to a point.

As you can see from the above example, once you preview the game Gdevelop somehow increases the opacity of the green screen.

Is this just an issue of the Editor with PNGS that have different opacity levels? Or PNGs with transparency in general? Maybe I’m simply asking too much of it and I should just mess with the program’s opacity settings?

Just found it weird because it seems fine in the Editor.

Also just to clarify, no, I have no events, behaviors of effects that mess with the final image.

Silver-Streak · March 27, 2025, 2:52am

You’re not importing through Piskel, are you?

I ask because Piskel doesn’t support any opacity/alpha levels.

Digitalstickmans · March 27, 2025, 5:21am

Nope, normal method

Digitalstickmans · March 27, 2025, 9:14am

Some experiments

I created this object with different levels of transparency for each cube

Left: Editor - Right: Previewer

Here I added a rectangle with a black color behind the cubes.
Seems fine while previewing.

Here I changed the color of the rectangle, fine again

Now here is the funny thing.
I created another column near the first one.
The first column is the only one with a rectangle behind it. I gave the rectangle the color #d1d1d1 same as my background color

Once you preview this happens.

Basically some computer things that I have no knowledge of happen behind the scenes once you click preview.

My Conclusion: If you are messing with images that have different opacity levels, always create an object behind them with the same color as you background to know how they will actually look in the Preview.