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距离。看来您的天空穹顶已被剪断。