Most optimized way to use a 4k environment map? Skybox is giving jagged results

Questions
,
22

In an attempt to find a workaround, I’ve been thinking, is there a way to load an equirectangular JPG or PNG texture instead of an HDR, but have it be mapped into the skybox similar to how and HDR would so it looks the same? this way we don’t have the lighting and reflection data, and it’s just an image being loaded in the scene. Which would lead to less loading times when using a 4k or higher resolution image?

I’ve tried the regular CubeTexture method with 6 different image, but that gives me the same quality if not worse.

23

you could use this Babylon.js docs

24

Thank you! I tried setting it up but my textures are not showing, just a white screen. I’ll try to play around with it to see if I can debug and I’ll report back.

26

Ok I was looking through the documentation and decided to try the PhotoDome instead. I had to convert the HDR to a JPG but even at 32 resolution it looks great. The loading is almost instant too.

Thank you all for working with me through this, I just started with Babylon JS and learning a lot already.

For anyone else who may be having the same issue, here is the code I used for the PhotoDome

var dome = new BABYLON.PhotoDome(
    "testdome",
    "./textures/360photo.jpg",
    {
        resolution: 32,
        size: 1000
    },
    scene
);