threejs 漫游

Three.js是一个基于WebGL的JavaScript 3D图形库，可以用来创建各种3D场景和游戏。如果你想要在Three.js中实现漫游效果，可以按照以下步骤进行：

1. 创建一个Three.js场景并加载所需的模型和纹理。

2. 创建一个相机，并将其放置在场景中心。

3. 监听用户的键盘或鼠标事件，并根据输入来移动相机。例如，当用户按下W键时，相机向前移动；当用户按下A键时，相机向左移动。

4. 在每帧渲染之前，将相机的位置和朝向应用到场景中。

下面是一个简单的示例代码，可以让相机在场景中漫游：

// 创建场景
const scene = new THREE.Scene();

// 创建相机
const camera = new THREE.PerspectiveCamera(
  75,
  window.innerWidth / window.innerHeight,
  0.1,
  1000
);
camera.position.set(0, 0, 5);

// 创建渲染器
const renderer = new THREE.WebGLRenderer();
renderer.setSize(window.innerWidth, window.innerHeight);
document.body.appendChild(renderer.domElement);

// 监听键盘事件
const keyboard = new THREEx.KeyboardState();
function handleKeyboard() {
  if (keyboard.pressed("W")) {
    camera.position.z -= 0.1;
  }
  if (keyboard.pressed("S")) {
    camera.position.z += 0.1;
  }
  if (keyboard.pressed("A")) {
    camera.position.x -= 0.1;
  }
  if (keyboard.pressed("D")) {
    camera.position.x += 0.1;
  }
}

// 渲染循环
function render() {
  requestAnimationFrame(render);
  handleKeyboard();
  renderer.render(scene, camera);
}
render();

这个示例只是一个基本的框架，你可以根据自己的需求进行扩展和修改。