Infinite skybox background

Questions
1

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
            );
2

This might help Skyboxes | Babylon.js Documentation

1 Like
3

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.

4

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

3 Likes
5

Thanks a lot!
Babylons rocks.