Three.js入门学习笔记20：如何防止模型变形

1.比如如下模型，有时候会发生变形的情况，原因是什么呢？
可能是因为偏离视锥中心？
经过查找资料，发现可能和fov的值有关
变形时候：
fov是90

 var camera = new THREE.PerspectiveCamera(90, window.innerWidth / window.innerHeight, 0.1, 1000);
        camera.position.set(15, 15, 15);
        camera.lookAt(scene.position);
        camera.updateProjectionMatrix();

不变形：

 var camera = new THREE.PerspectiveCamera(30, window.innerWidth / window.innerHeight, 0.1, 1000);
        camera.position.set(15, 15, 15);
        camera.lookAt(scene.position);
        camera.updateProjectionMatrix();

以下语句可能也有影响

  camera.updateProjectionMatrix();

另外防止锯齿的代码

   //renderer
        var renderer = new THREE.WebGLRenderer({
            antialias:true
//            alpha:true   
            
        });

资料：
1.如何实现three.js响应式设计（消除拉伸变形和锯齿）
2.资料
3.资料