aframe - a-animations を使用して a-frame 内のテキストを変更するにはどうすればよいですか?

Question

たとえば、シーン内に「Hello」というテキストが浮かんでいて、その上にマウスを置くと、テキストを「Hi」に変更したい

現在、アニメーションを使用しようとすると、テキストが変化せずに消えてしまいます。何か助けはありますか？ありがとう。

Answer 1

JavaScript を使用してマウスオーバー時にテキストを変更する例を次に示します。

シーンのロードを待機するために使用されるボイラープレートを無視すると、コードは次のようになります。

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

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

「someText」は、bmfont-text コンポーネントを持つエンティティを指します(ただし、ジオメトリック テキストでも機能します)。この例ではMayognaise のマウス カーソル コンポーネントを使用していますが、視線カーソルに簡単に変更できます。

-

さらに、これは ngokevin の答えを示す CodePenです。これを彼の回答へのコメントとして投稿するつもりでしたが、評判ポイントが十分ではありません...