three.js 浏览器 缩放 双击全屏事件

143 阅读1分钟

//页面缩放浏览器刷新事件

window.addEventListener("resize",()=> {

//更新摄像头

camera.aspect =window.innerWidth/window.innerHeight;

//更新摄像机的投影矩阵

camera.updateProjectionMatrix();

//更新渲染器

renderer.setSize(window.innerWidth,window.innerHeight);

//更新渲染器的像素比

renderer.setPixelRatio(window.devicePixelRatio)

})

//双击显示全屏或者退出全屏

window.addEventListener("dblclick",()=> {

const fullscreen = document.fullscreenElement;

if(!fullscreen){

renderer.domElement.requestFullscreen() //打开全屏

}else{

document.exitFullscreen();//退出全屏

}

})