ThreeJS网格定位

时间:2016-10-30 10:29:56

标签: three.js positioning

我正在发现Three.js的世界。在创建世界的数据可视化时,我需要向其添加数据。这是我被困的地方。 我创建了一个圆圈,并添加了一个框(高度范围数据)。我想在圆的边缘添加框,右边框的中心位于边缘。如何让盒子的内侧成为定位的“起点”?所以盒子的任何部分都不会在圆圈内消失吗?

此框的位置在此代码中完成:

  geometry = new THREE.BoxGeometry(5, 5, value);`enter code here`

  testObject = new THREE.Mesh(geometry);
  testObject.position = new THREE.Vector3(500, 500, 500);
  var lat = 51.6979;
  var lng = 5.317;
  var phi = (90 - lat) * Math.PI / 180;
  var theta = (180 - lng) * Math.PI / 180;
  testObject.position.x = radius * Math.sin(phi) * Math.cos(theta);
  testObject.position.y = radius * Math.cos(phi);
  testObject.position.z = radius * Math.sin(phi) * Math.sin(theta);

JSFiddle

1 个答案:

答案 0 :(得分:1)

如果我找到了你,那么

之后
var theta = ...;

添加

radius += value / 2;