Three.js如何让相机跟随地形高度图？

var textureLoader = new THREE.TextureLoader();
var heightMap = textureLoader.load('heightmap.jpg');

var geometry = new THREE.PlaneGeometry(100, 100, 100, 100);
var vertices = geometry.vertices;

for (var i = 0; i < vertices.length; i++) {
    var vertex = vertices[i];
    var x = vertex.x + 50; // 根据地形尺寸调整顶点位置
    var y = vertex.y + 50;
    var pixelColor = heightMap.getImageData(x, y, 1, 1).data;
    var height = (pixelColor[0] + pixelColor[1] + pixelColor[2]) / 3; // 根据像素颜色计算高度
    vertex.z = height;
}

geometry.computeVertexNormals(); // 计算顶点法线

var camera = new THREE.PerspectiveCamera(75, window.innerWidth / window.innerHeight, 0.1, 1000);
var controls = new THREE.OrbitControls(camera);
controls.target.set(0, 0, 0); // 设置控制器的目标点

camera.position.set(0, 10, 50); // 设置相机的初始位置
camera.lookAt(controls.target); // 让相机朝向控制器的目标点

var renderer = new THREE.WebGLRenderer();
renderer.setSize(window.innerWidth, window.innerHeight);
document.body.appendChild(renderer.domElement);

var scene = new THREE.Scene();
scene.add(new THREE.Mesh(geometry, new THREE.MeshBasicMaterial({ color: 0x00ff00 }))); // 将地形几何体添加到场景中

function animate() {
    requestAnimationFrame(animate);

    // 根据相机位置获取对应的高度
    var x = camera.position.x + 50; // 根据地形尺寸调整位置
    var y = camera.position.y + 50;
    var pixelColor = heightMap.getImageData(x, y, 1, 1).data;
    var height = (pixelColor[0] + pixelColor[1] + pixelColor[2]) / 3;

    camera.position.z = height + 10; // 设置相机的高度

    controls.update(); // 更新控制器

    renderer.render(scene, camera);
}

animate();