Shader "contour" laden, um Unterschiede zu erkennen
Nachdem Sie nun Logik in Ihr Erlebnis integriert haben, um Assets zur Laufzeit mithilfe einer Produkt-ID dynamisch zu laden, müssen Sie Ihrem Erlebnis einen Shader hinzufügen. Dieser Shader hilft dabei, die Unterschiede zwischen dem geladenen Modell und dem verfolgten Objekt zu identifizieren.
1. Navigieren Sie zur Ansicht Visualization für Ihr Erlebnis.
2. Klicken Sie in der Projektstruktur auf
Visualization.js. Wir verwenden das Ereignis
Modell geladen als Trigger, um den Shader zu aktivieren. Dabei stellen wird sicher, dass der Shader erst initialisiert wird, wenn das Modell vollständig in die Szene geladen wurde. Für diesen Anwendungsfall wenden wir einen hellgrünen Shader "contour" an, um das Modell hervorzuheben. Passen Sie die Farbe nach Belieben an oder experimentieren Sie mit alternativen Shadern, um sie Ihren Designvorlieben oder Anwendungsanforderungen anzupassen. Definieren Sie den Shader "contour", wie im Thema
Shader beschrieben.
$scope.$on("modelLoaded", () => {
$scope.view.wdg.dynamicModel.shader = "contour;lineR f 0;lineG f 1;lineB f 0;lineA f 0.5";
})
Im nächsten Abschnitt beginnen wir mit
dem Erstellen der 2D-Benutzeroberfläche.