在 THREE.js 的 ArrowHelper 中创建的标签箭头答案

【问题标题】：Label arrows created in ArrowHelper of THREE.js在 THREE.js 的 ArrowHelper 中创建的标签箭头
【发布时间】：2016-10-05 18:42:47
【问题描述】：

在这个问题 (Labelling the vertices in AxisHelper of THREE.js) 中解释了如何标记使用 THREE.AxisHelper 创建的轴。我尝试对THREE.ArrowHelper 执行相同的程序，但没有成功。所以，我想知道如何标记我创建的箭头，就像在指示坐标系 (x,y,z) 的标签时一样。在这个链接中，我如何尝试重现这个想法：http://jsfiddle.net/g7oqexr8/

【问题讨论】：

标签： javascript three.js

【解决方案1】：

究竟是什么不起作用？它不显示？它崩溃了吗？（如果有，在哪里？？？）

提示： 为什么不将标签对象添加到创建的箭头？

代替：

//text.position.x = arrowHelper.geometry.vertices[1].x;
//text.position.y = arrowHelper.geometry.vertices[1].y;
//text.position.z = arrowHelper.geometry.vertices[1].z;
//text.rotation = camera.rotation;
//scene.add(text);
arrowHelper.add(text);

这会将箭头助手的位置、旋转和缩放添加到“文本”中。

如果需要，您可以在之后修改“文本”的旋转、位置或缩放。

编辑： Documentation站：

TextGeometry 使用 typeface.json 生成的字体。一些现有的字体可以在 /examples/fonts 中找到，并且必须包含在页面中。

这可能就是为什么要符合：

var textGeo = new THREE.TextGeometry('Y', {size: 5, height: 2, curveSegments: 6,font: "helvetiker",style: "normal"});

正在崩溃。

【讨论】：

如果我只在代码中创建文本（第 30-35 行，jsfiddle.net/g7oqexr8/1），它会导致一个黑页。如果我按照您的提示，在像我一样创建文本之后，也会发生同样的情况。这就是我面临的问题：我无法为轴写标签。