Threejs skybox超出范围

时间:2018-04-29 15:16:00

标签: javascript three.js skybox

我正在使用threejs在javascript中编写一个3D游戏。我制作了一个天空盒,它可以工作,但是如果我把我的相机靠近,而且距离太远则不能显示。

我理解为什么会发生这种情况,连接到我的播放器的相机看不到天空盒。如果我制作相机"靠近"和"远"足够大的属性(对应于我的游戏地图的大小)我可以做到这样我的天空盒总是在范围内,但我不想要那个,因为我不想让相机看到所有的远处的物体。

有关如何强制相机观看天空盒的任何想法,但仍然有一个小的"远"属性,以便看不到世界上的所有对象?

非常感谢任何帮助。

2 个答案:

答案 0 :(得分:2)

scene.background,可以设置为CubeTexture。

答案 1 :(得分:0)

只想添加一个示例,因为有人可能会在这里发现它有用:

var loader = new THREE.CubeTextureLoader();
    loader.load([
        './img/sky/galaxy-X.jpg', './img/sky/galaxy+X.jpg',
        './img/sky/galaxy-Y.jpg', './img/sky/galaxy+Y.jpg',
        './img/sky/galaxy-Z.jpg', './img/sky/galaxy+Z.jpg'
    ]  , function(texture)
    {
        scene.background = texture;  
    });