Charger le nuanceur contour pour identifier les différences
Maintenant que vous avez intégré une logique dans votre expérience pour charger des actifs dynamiquement au moment de l'exécution à l'aide d'un ID de produit, vous devez ajouter un nuanceur à votre expérience. Ce nuanceur vous aidera à identifier les différences entre le modèle chargé et l'objet suivi.
1. Accédez à la vue Visualization de votre expérience.
2. Cliquez sur
Visualization.js dans l'arborescence du projet. Nous allons utiliser l'événement
Modèle chargé comme déclencheur pour activer le nuanceur, en veillant à ce qu'il ne s'initialise qu'une fois le modèle complètement chargé dans la scène. Dans ce cas d'utilisation, nous allons appliquer un nuanceur contour vert vif pour mettre le modèle en surbrillance. N'hésitez pas à personnaliser la couleur ou à essayer d'autres nuanceurs en fonction de vos préférences de conception ou des exigences de l'application. Définissez le nuanceur contour, conformément aux instructions de la rubrique
Nuanceurs.
$scope.$on("modelLoaded", () => {
$scope.view.wdg.dynamicModel.shader = "contour;lineR f 0;lineG f 1;lineB f 0;lineA f 0.5";
})
Dans la section suivante, vous allez commencer à
créer l'interface utilisateur 2D.