美文网首页
Threejs 窗口大小变化失真

Threejs 窗口大小变化失真

作者: RulerMike | 来源:发表于2020-09-25 15:41 被阅读0次

    解决方法一

    只需要把相机的 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

    相关文章

      网友评论

          本文标题:Threejs 窗口大小变化失真

          本文链接:https://www.haomeiwen.com/subject/dpyfuktx.html