Infinite skybox background

Hi!

What’s the best method to achieve ‘infinite’ skybox / 360 background texture.

So far, closest I’ve gotten is:

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

This might help Skyboxes | Babylon.js Documentation

1 Like

Hi @sebavan ,

That certainly answers the question of how to create a skybox but not the ‘infinite’ part what I was hoping to get some info on.

For example:
https://playground.babylonjs.com/#UU7RQ#1

If you scroll out, very soon the camera goes outside the boundaries of the box.
I am working on an extremely large scene that would require the impression of an infinite background. With my solution size: 10000 near the max I can get before scene.color starts to take over the var dome.

You can set the mesh to infiniteDistance: https://playground.babylonjs.com/#UU7RQ#3133

2 Likes

Thanks a lot!
Babylons rocks.