Skybox orientations are wrong

[Bouh]

Is there an existing issue for this?

• I have searched the existing issues

Describe the bug

The orientations of the GDevelop skybox do not follow the standards.

Workflow

Skybox recovery on several sites including:

• https://matheowis.github.io/HDRI-to-CubeMap/
• https://freestylized.com/skybox/sky_36/

Both sources provide files that appear to be standardized, which is great.

According to the layout provided, each file corresponds to one side:

Steps to reproduce

skybox images.zip

I plugged the directions from the layout into GDevelop.

Result in game

But GDevelop messed up the orientation of the faces.
Video: https://streamable.com/y62b9j

How its made?

I tried to look at the example with the skybox, but by following the standards, the faces are oriented this way, which doesn’t make any sense, the horison isn't aligned.

GDevelop platform

Mobile, Web, Desktop

GDevelop version

5.5.244

Platform info

All platforms

Additional context

No documentation about it, & no layout to follow to get the good direction.

After trying to integrate skyboxes, I am almost certain that the implementation in GDevelop is not good due to its environment orientation in Up Z+ and forward X+.

[Eldarduil]

I have also noticed this thing and I never understand what is going on with skybox effect. I even check the code on github to understand what is happening, but I didn't figure it out, then I gave up because It should be very simple to use.

Since in the past I made a environment map extension GDevelopApp/GDevelop-extensions#1692 I know which layout I should choose for Z up orientation.

I use this for my cube map images: https://matheowis.github.io/HDRI-to-CubeMap/

Here in this image if you choose the middle layout it is for Zup orientation. if you choose the bottom layout it fits perfectly default threejs Yup orientation. So this HDRI to Cubemap web application does necessary rotations and swapping to the images. it is just unfortunate for Z up orientation you also need to split the created image, but that easy to be done.

So I don't change any rotation or order of the images in my code. I just put the images in the order threejs expects for cube map.

So with that said also in the Skybox effect that image order should follow the standard order for the ease of use,
X+ , X- , Y+ , Y- , Z+ , Z-

Also it is not so hard to add the tone mapping option. When the skybox effect is gonna be fixed, It should be considered to add tone mapping options too as well as the exposure value. Those would increase the quality of Gdevelop 3d really good.