Caricare lo shader contour per identificare le differenze
Ora che è stata creata la logica nell'esperienza per caricare dinamicamente gli asset in fase di esecuzione utilizzando un ID prodotto, è necessario aggiungere uno shader all'esperienza. Questo shader consente di identificare le differenze tra il modello caricato e l'oggetto monitorato.
1. Passare alla vista Visualization dell'esperienza.
2. Fare clic su
Visualization.js nell'albero del progetto. Utilizzeremo l'evento
Modello caricato come trigger per attivare lo shader, assicurandoci che venga inizializzato solo dopo che il modello è stato completamente caricato nella scena. In questo caso di utilizzo, applicheremo uno shader contour verde brillante per evidenziare il modello. È possibile personalizzare il colore o provare a utilizzare shader alternativi in base alle preferenze di progettazione o ai requisiti dell'applicazione. Come descritto nell'argomento
Shader, definire lo shader contour.
$scope.$on("modelLoaded", () => {
$scope.view.wdg.dynamicModel.shader = "contour;lineR f 0;lineG f 1;lineB f 0;lineA f 0.5";
})
Nella sezione successiva si inizierà a
creare l'interfaccia utente 2D.