將.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從長遠來看會產生一些錯誤（因爲該原語已經由文本組件組成）。