Rendering
Sie können 2D- und 3D-Inhalte (wie Modelle, Bilder und Benutzeroberflächenelemente) mithilfe der JavaScript-API oder
benutzerdefinierter Shadern ändern und transformieren. Verwenden Sie das
tml3dRenderer-Objekt, um diesen Inhalt zu manipulieren. Wenn Ihr Modell beispielsweise mehrere Teile enthält, wird jedes Teil als
Modellelement dargestellt, auf das Sie einzeln zugreifen und das Sie einzeln ändern können.
Verwenden Sie das folgende JavaScript, um die Position eines Modellelements festzulegen:
tml3dRenderer.setTranslation('areaPreview',$scope.app.params.target.pos.x, $scope.app.params.target.pos.y,$scope.app.params.target.pos.z);
Weitere hilfreiche APIs:
• setTranslation() – Legt die Position (x, y, z) von Modellen, Modellelementen, 3D-Bildern und Tracker-Knoten fest. Tracker-Knoten sind der Stamm eines verfolgbaren Koordinatensystems mit Zielen und Inhalten als Kinder.
• setRotation() – Legt die Rotation (x, y, z) für Modelle, Modellelemente, 3D-Bilder und Tracker-Knoten fest.
• setScale() – Legt den Maßstab von Modellen, Modellelementen, 3D-Bildern und Tracker-Knoten fest.
• setProperties() – Legt Rendering-Eigenschaften für ein 3D-Element fest.
• add3DObject() – Fügt ein 3D-Objekt unter Verwendung von Daten aus einer externen Quelle hinzu. Verwenden Sie diese API, um zusätzlichen 3D-Inhalte zur Laufzeit zu laden.
• setTexture() – Wendet eine Textur auf ein Element an. Die Quelle kann eine URL oder eine base64-codierte Zeichenfolge sein.
• setColor() – Legt die Farbe eines Modellelements anhand seiner ID fest.
Weitere Informationen zu verwandten JavaScript-Funktionen finden Sie unter
3D-Rendering-Funktionen von niedrigem Niveau.