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

时间:2016-10-05 18:42:48

标签: javascript three.js

在这个问题(Labelling the vertices in AxisHelper of THREE.js)中解释了如何标记用Connection con = Jsoup.connect(https://www.google.com/webhp?sourceid=chrome-instant&ion=1&espv=2&ie=UTF-8); //Just giving an example Document htmlDoc = con.get(); Elements linksOnPage = htmlDoc.select("a[href]"); for(Element link : linksOnPage){ //pushing the links on to a stack } 创建的轴。我试图在没有成功的情况下对THREE.AxisHelper采用相同的程序。所以,我想知道如何标记我创建的箭头,就像指示坐标系(x,y,z)的标签一样。在这个链接中,我试图重现这个想法:http://jsfiddle.net/g7oqexr8/

1 个答案:

答案 0 :(得分:0)

究竟什么不起作用?它没有出现?它崩溃了? (如果是的话,在哪里???)

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

而不是:

//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);

这增加了'text'来自arrowHelper的位置,旋转和缩放。

如果需要,您可以随后修改“文本”旋转,位置或缩放。

修改 Documentation代表:

  

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

这可能就是为什么要与之对齐:

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

正在崩溃。