Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/three.js/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 从球体对象的中心开始绘制直线和文本[ThreeJS]_Javascript_Three.js - Fatal编程技术网

Javascript 从球体对象的中心开始绘制直线和文本[ThreeJS]

Javascript 从球体对象的中心开始绘制直线和文本[ThreeJS],javascript,three.js,Javascript,Three.js,我正在使用ThreeJS制作太阳系模型。当我点击一个行星的名字时,相机聚焦在那个行星上;我想画一条(2D)线,从行星的中心开始,将行星本身连接到一些文本(显示一些信息,如质量、速度等…) 我怎样才能做到这一点? 通常,可以使用球体网格的特性简单地获得球体网格的中心。可以导出标签的位置(例如,通过使用球体的AABB)或通过预先定义它。在这两种情况下,您至少可以使用两点来设置直线: const points=[spherePosition,labelPosition];//Vector3的实例 co

我正在使用ThreeJS制作太阳系模型。当我点击一个行星的名字时,相机聚焦在那个行星上;我想画一条(2D)线,从行星的中心开始,将行星本身连接到一些文本(显示一些信息,如质量、速度等…)

我怎样才能做到这一点?

通常,可以使用球体网格的特性简单地获得球体网格的中心。可以导出标签的位置(例如,通过使用球体的AABB)或通过预先定义它。在这两种情况下,您至少可以使用两点来设置直线:

const points=[spherePosition,labelPosition];//Vector3的实例
const geometry=新的三个.BufferGeometry().setFromPoints(点);
const material=new THREE.LineBasicMaterial({color:0xff0000});
常数线=新的三线(几何、材料);
场景。添加(行);