常用方法

# requestAnimationFrame (opens new window)

浏览器每帧都调用的方法

# 页边大小变化，重新渲染

// 监听画面变化，更新渲染画面
window.addEventListener("resize", () => {
  //   console.log("画面变化了");
  // 更新摄像头
  camera.aspect = window.innerWidth / window.innerHeight;
  //   更新摄像机的投影矩阵
  camera.updateProjectionMatrix();

  //   更新渲染器
  renderer.setSize(window.innerWidth, window.innerHeight);
  //   设置渲染器的像素比
  renderer.setPixelRatio(window.devicePixelRatio);
});

1
2
3
4
5
6
7
8
9
10
11
12
13

编辑

上次更新: 2022/09/15

← 控制三方库→