three.js - 将相机聚焦在THREE.Geometry顶点上

时间:2016-04-19 18:38:39

标签: three.js

  1. 我想将相机对焦于THREE.Geometry,一次一个顶点和
  2. 将相机转换为相同几何体的下一个顶点
  3. 我应该如何完成1& 2?

1 个答案:

答案 0 :(得分:1)

我创造了一个小提琴。

http://jsfiddle.net/5oajajpd/

功能移动相机遍历每个顶点并设置相机位置。要通过动画转换它,您可以通过jquery animate函数或您选择的动画库设置x,y和z属性。

移动相机功能由间隔触发。在这个球体示例中,它将永远围绕球体旋转。

var i = 0;

function moveCamera() {
  var point = mesh.geometry.vertices[i];
  var coeff = 1 + altitude / rad;
  camera.position.x = point.x * coeff;
  camera.position.y = point.y * coeff;
  camera.position.z = point.z * coeff;
  camera.lookAt(mesh.position);
  i++;
  if (i > mesh.geometry.vertices.length) {
    i = 0;
  }
}