如何使用动画更改框架中的文本?

时间:2016-07-18 18:10:09

标签: aframe

例如,我在场景中有一些文本“Hello”浮动,鼠标悬停在它上面我希望文本更改为“Hi”

现在,当我尝试使用动画时,文字就会消失,而不是改变。 有帮助吗? 感谢。

2 个答案:

答案 0 :(得分:1)

我会使用docker exec(下载dist并放入你的项目),而不是动画标签:

<a-entity text="text: Hello" event-set="_event: mouseenter; text: Hi"></a-entity>

0.2.0 build:event-set component

0.3.0 build https://github.com/ngokevin/aframe-event-set-component/tree/v0.2.0/dist

答案 1 :(得分:1)

Here is an example using JavaScript to change text on mouseover.

忽略用于等待场景加载的样板,代码为:

var someText = document.querySelector('#someText');
someText.addEventListener('mouseenter', mouseenter);

function mouseenter () {
  someText.setAttribute('bmfont-text', 'text: Hi');
}

where&#34; someText&#34;指向具有bmfont-text component的实体(尽管它也适用于geometric text)。此示例使用Mayognaise's mouse cursor component但可以轻松更改为凝视光标。

-

此外,here is a CodePen demonstrating ngokevin's answer。我打算将此作为对他回答的评论,但我没有足够的声誉点......