Cargar el sombreador de contorno para identificar diferencias
Ahora que ha integrado la lógica en la experiencia para cargar activos dinámicamente en tiempo de ejecución mediante un ID de producto, debe añadir un sombreador a la experiencia. Este sombreador le ayudará a identificar las diferencias entre el modelo cargado y el objeto del que se efectúa el seguimiento.
1. Vaya hasta la vista Visualización de la experiencia.
2. Pulse en
Visualization.js en el árbol del proyecto. Utilizaremos el evento
Modelo cargado como activador para activar el sombreador y asegurarnos de que solo se inicializa una vez que el modelo se ha cargado por completo en la escena. En este caso práctico, aplicaremos un sombreador de contorno verde brillante para realzar el modelo. Si lo desea, personalice el color o pruebe otros sombreadores que se adapten a sus preferencias de diseño o a los requisitos de su aplicación. Tal como se describe en el tema
Sombreadores, defina el sombreador de contorno.
$scope.$on("modelLoaded", () => {
$scope.view.wdg.dynamicModel.shader = "contour;lineR f 0;lineG f 1;lineB f 0;lineA f 0.5";
})
En la siguiente sección, empezará a
crear la interfaz de usuario 2D.