Wie aktualisiere ich Objekte oder Objekte in A-Frame?

Question

Ich verwende eine Komponente, die ich in HTML codieren kann. Zum Beispiel mit dem text geometry component, habe ich Text:

<a-entity text="text: 0"></a-entity> 

Wie aktualisiere ich die text Unterkunft text Komponente?

Answer 1

Entity.setAttribute

Genau wie normale DOM-Elemente aktualisieren, können wir setAttribute verwenden.

el.setAttribute('visible', false); 

Wenn eine Komponente mehrere Eigenschaften hat, haben wir drei Argumente. Komponentenname, Eigenschaftenname, Wert:

el.setAttribute('material', 'color', 'black'); 
el.setAttribute('text', 'text', '1'); 

Wohin mit diesem Code? Innerhalb einer Komponente wäre gut:

AFRAME.registerComponent('update-text-every-second', { 
    init: function() { 
    var el = this.el; 
    var i = 0; 

    setInterval(function() { 
     el.setAttribute('text', 'text', i.toString()); 
    }, 1000); 
    } 
}); 

und Verwendung:

<a-entity text="text: 0" update-text-every-second></a-entity>