Rendu
Vous pouvez modifier et transformer du contenu 2D et 3D (tel que des modèles, des images et des éléments d'interface) à l'aide de l'API JavaScript ou de
nuanceurs personnalisés. Pour manipuler ce contenu, utilisez l'objet
tml3dRenderer. Par exemple, si votre modèle comprend plusieurs pièces, chacune est représentée par un
Elément de modèle accessible et modifiable individuellement.
Pour définir la position d'un élément de modèle, utilisez le code JavaScript suivant :
tml3dRenderer.setTranslation('areaPreview',$scope.app.params.target.pos.x, $scope.app.params.target.pos.y,$scope.app.params.target.pos.z);
Parmi les autres API utiles, citons :
• setTranslation() : définit la position (x, y, z) des modèles, des éléments de modèle, des images 3D et des noeuds de suivi. Les noeuds de suivi sont la racine d'un repère traçable, avec les cibles et le contenu représentant les enfants.
• setRotation() : définit la rotation (x, y, z) des modèles, des éléments de modèle, des images 3D et des noeuds de suivi.
• setScale() : définit l'échelle des modèles, des éléments de modèle, des images 3D et des noeuds de suivi.
• setProperties() : définit les propriétés de rendu d'un élément 3D.
• add3DObject() : ajoute un objet 3D à l'aide de données provenant d'une source externe. Utilisez cette option pour charger du contenu 3D supplémentaire lors de l'exécution.
• setTexture() : applique une texture à un élément. La source peut être une URL ou une chaîne codée en base64.
• setColor() : définit la couleur d'un élément de modèle par son ID.
Pour plus d'informations sur les fonctions JavaScript associées, consultez la rubrique
Fonctions de rendu 3D de bas niveau.