threejs中让场景跟随浏览器窗口大小自适应

一、实现思路:

  • 给window绑定事件,监听窗口尺寸变化,在事件回调中修改相机的参数——宽高比,更新投影的变换矩阵,重新设置渲染器尺寸即可。

二: 核心代码

// 给window绑定事件,监听窗口尺寸变化
 window.addEventListener('resize', this.onWindowResize, false);
 function onWindowResize() {
   
    
    

猜你喜欢

转载自blog.csdn.net/weixin_40856652/article/details/125321192