javascript - three.js添加天空盒图片的时候如何优化放大图片后失真的问题

Question

我想使用three.js的天空盒实现一个全景vr的效果，但是如果把相机拉近的话图片就会出现模糊的效果（失真）。想请教一下如何避免这个问题。我的想法如下：
能不能把一面的大图再次分成几张小图，并且小图拍摄得更清晰一些，这样用户在拉近某一面场景的时候，直接播放对应位置的那张清晰小图，这样就避免了大图的失真问题。但是不知道这种方法是否可行。还有具体该如何实现的问题，因为天空盒只能添加6张图片