Rendering
È possibile modificare e trasformare i contenuti 2D e 3D (ad esempio modelli, immagini ed elementi di interfaccia) utilizzando le API JavaScript o
shader personalizzati. Per manipolare i contenuti, utilizzare l'oggetto
tml3dRenderer. Ad esempio, se il modello include più parti, ogni parte viene rappresentata come un
Elemento modello, accessibile e modificabile singolarmente.
Per impostare la posizione di un elemento del modello, utilizzare il seguente codice JavaScript:
tml3dRenderer.setTranslation('areaPreview',$scope.app.params.target.pos.x, $scope.app.params.target.pos.y,$scope.app.params.target.pos.z);
Altre API utili includono:
• setTranslation() - Imposta la posizione (x, y, z) di modelli, elementi del modello, immagini 3D e nodi tracker. I nodi tracker sono la radice di un sistema di coordinate tracciabile, con target e contenuti come figli.
• setRotation() - Imposta la rotazione (x, y, z) per modelli, elementi del modello, immagini 3D e nodi tracker.
• setScale() - Imposta la scala di modelli, elementi del modello, immagini 3D e nodi tracker.
• setProperties() - Imposta le proprietà di rendering per un elemento 3D.
• add3DObject() - Aggiunge un oggetto 3D utilizzando i dati di un'origine esterna. Utilizzare quest'API per caricare contenuti 3D aggiuntivi in fase di esecuzione.
• setTexture() - Applica una texture a un elemento. L'origine può essere un URL o una stringa con codifica base64.
• setColor() - Imposta il colore di un elemento del modello in base al relativo ID.
Per ulteriori informazioni sulle funzioni JavaScript correlate, vedere
Funzioni di rendering 3D di livello basso.