Cameras and view control

• Enable controls.enableDamping and call controls.update every frame for inertia.
• Set screenSpacePanning false on MapControls so panning follows the ground plane.
• Convert pointer positions to normalized device coordinates before raycaster.setFromCamera.

import { OrbitControls } from 'three/addons/controls/OrbitControls.js';

const camera = new THREE.PerspectiveCamera(
  50,                                       // fov
  window.innerWidth / window.innerHeight,   // aspect
  0.5,                                      // near
  20000                                     // far
);
camera.position.set(320, 180, 420);

const controls = new OrbitControls(camera, renderer.domElement);
controls.target.set(320, 20, 300);
controls.enableDamping = true;
controls.dampingFactor = 0.08;
controls.minDistance = 40;
controls.maxDistance = 6000;
controls.maxPolarAngle = THREE.MathUtils.degToRad(85);   // 不允许转到地下
controls.update();

import { MapControls } from 'three/addons/controls/MapControls.js';

const mapControls = new MapControls(camera, renderer.domElement);

mapControls.enableRotate = true;
mapControls.screenSpacePanning = false;   // 平移贴着地面，而不是屏幕平面
mapControls.zoomSpeed = 0.8;
mapControls.rotateSpeed = 0.5;
mapControls.keyPanSpeed = 12;
mapControls.minTargetRadius = 0;
mapControls.maxTargetRadius = 2500;

• Raycasting uses stale matrices unless scene.updateMatrixWorld is called on new objects.
• Manually setting camera.position is overwritten while the controls remain active.