Html 将.JSON数据加载到A-Frame中

将包含文本的外部.JSON数据文件加载到a-text中

<a-scene>
 <a-text text="foo;"></a-text>
</a-scene>

---

我将编写一个自定义组件，它将解析JSON对象，并将a-text值设置为JSON数据对象之一：

AFRAME.registerComponent('jsonreader'{
  init:function(){
    let jsonObj = JSON.parse('urlToJSONFile');
    this.el.setAttribute('value',jsonObj.text);
  }
}

然后只需添加组件：

<a-text jsonreader></a-text>

<a-entity text="value:;color:;"></a-entity>

我这里有一把小提琴。我从中获取了一个随机的JSON文件。 顺便说一下，可以使用文本原语：

<a-text value='' color=''></a-text>

或将文本用作组件：

<a-text jsonreader></a-text>

<a-entity text="value:;color:;"></a-entity>

你似乎把它们弄混了，我不确定从长远来看它是否不会产生一些错误，因为原语已经包含了文本组件