three.js - Three.js 指针锁定控件在天穹上创建洞

Question

我的问题是，当我使用指针锁定控件在场景周围鼠标时，我的天空穹顶中会出现一个白色圆圈并随鼠标移动。这就是圆圈的样子。我的天空穹顶的代码是

    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距离。看起来你的天空穹顶被剪掉了。