Wie man die Kamera so dreht, dass sie auf der Kugel steht (Three.js)

Question

Ich frage mich, ob jemand eine Idee hat, wie man eine Kamera dreht, so dass die Kamera direkt über einem Punkt auf der Kugel steht.

UPDATE

Radio-Antwort ist richtig. Nach einigem Debugging sieht es so aus, als wären meine Koordinaten umgekehrt.

Answer 1

Ich habe eine Geige erstellt: http://jsfiddle.net/kbtn6pz5/

Dies bewegt die Kamera über einen beliebigen Punkt auf der Kugel, gilt eine LookAt Eigenschaft und setzt dann die Höhe der Kamera über die Oberfläche der Kugel.

auf der Geige vorformulierten Basierend ...

var camera, scene, renderer, geometry, material, mesh; 

init(); 
animate(); 

function init() { 

    scene = new THREE.Scene(); 

    camera = new THREE.PerspectiveCamera(50, window.innerWidth/window.innerHeight, 1, 10000); 




    scene.add(camera); 
     var rad = 200; 
    geometry = new THREE.SphereGeometry(rad, 32, 32); 
    material = new THREE.MeshNormalMaterial(); 

    mesh = new THREE.Mesh(geometry, material); 
    scene.add(mesh); 

    var point = THREE.GeometryUtils.randomPointsInGeometry(geometry, 1); 

    var altitude = 100; 

    var coeff = 1+ altitude/rad; 

    camera.position.x = point[0].x * coeff; 
    camera.position.y = point[0].y * coeff; 
    camera.position.z = point[0].z * coeff; 
    camera.lookAt(mesh.position); 

    renderer = new THREE.CanvasRenderer(); 
    renderer.setSize(window.innerWidth, window.innerHeight); 

    document.body.appendChild(renderer.domElement); 

} 

function animate() { 

    requestAnimationFrame(animate); 
    render(); 

} 


function render() { 
    renderer.render(scene, camera); 
}