Three.js 指针锁定控件在穹顶上创建了一个洞

Question

我的问题是，当我使用指针锁定控件在我的场景周围移动鼠标时，一个白色圆圈出现在我的穹顶中并随着我的鼠标移动。 This is what the circle looks like。我的天穹密码是

    var skyGeo = new THREE.SphereGeometry(1000, 50, 50);
    var skytexture = loader.load( "textures/1.jpg" );
    var skymaterial = new THREE.MeshBasicMaterial({ map: skytexture, side: THREE.DoubleSide});
    var sky = new THREE.Mesh(skyGeo, skymaterial);
    sky.position.set(0, 0, 0)
    scene.add(sky);

我用轨道控件测试场景，没有出现圆圈，所以我认为是指针锁定问题。有谁知道是什么原因造成的？

Answer 1

您可能需要增加 camera.far 距离。看起来你的天空穹顶被剪掉了。

Three.js 指针锁定控件在穹顶上创建了一个洞

Three.js Pointer lock controls create hole in sky dome

three.js

pointerlock