将.JSON数据加载到A帧中

Question

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

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

Answer 1

我会写一个自定义组件，这将解析JSON对象，并设置一个文本值作为JSON数据对象之一：

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

然后只需添加的组件：

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

我在这里有一个工作小提琴：https://jsfiddle.net/gftruj/7a87dnr7/。我从w3schools中随机获取了一个JSON文件。

---

顺便说一句，既可以使用文本原型：

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

或者使用文字作为一个部件

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

你似乎混合起来，我不知道，如果它赢得了” t从长远来看会产生一些错误（因为该原语已经由文本组件组成）。