Threejs 窗口大小变化失真

解决方法一

只需要把相机的 aspect(视锥体的长宽比) 进行更新后重置渲染器的大小即可:

window.onResize = () => {
  this.camera.aspect = window.innerWidth / window.innerHeight
  this.camera.updateProjectionMatrix()
  this.renderer.setSize(window.innerWidth, window.innerHeight)
}

解决方法二

https://experience.soletanche-bachy.com/en/T219-metro-singapore
看到 Threejs 官方的一个链接做法似乎是通过重新加载渲染器做到的,具体实现思路位置 ,
有知道的朋友可以告诉笔者:
QQ: 375696741

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。