Javascript 视图边缘周围的三个扭曲图像

我有一个类似横幅格式的三个js场景（970px 250px）

场景设置如下所示：

const scene = new THREE.Scene();

const camera = new THREE.PerspectiveCamera( 75, container.clientWidth / container.clientHeight, 0.1, 1000 );
camera.position.set(4,3,0);

const renderer = new THREE.WebGLRenderer({ alpha: true });
renderer.setSize( container.clientWidth, container.clientHeight );
renderer.setPixelRatio(window.devicePixelRatio);
container.prepend( renderer.domElement );

其中，

容器

的宽度和高度为970 px x 250px

但正如你在下面的图像中看到的，在场景边缘周围，一切都被扭曲了。 由沙子纹理清晰可见，中心看起来很好，边缘（左侧和右侧）看起来很可怕。

有没有办法解决这个问题，还是我遗漏了什么？

---

如果需要更多信息，请让我知道，以便我可以澄清

这是正常的，只是。要修复它，您可以将相机移得更远，然后放大。谢谢！修复了它可能使用正交摄影机，