Contour 셰이더를 로드하여 차이점 식별
이제 제품 ID를 사용하여 런타임에 자산을 동적으로 로드하는 로직을 경험에 빌드했으므로 경험에 셰이더를 추가해야 합니다. 이 셰이더는 로드된 모델과 추적된 객체 간의 차이점을 식별하는 데 도움이 됩니다.
1. 경험의 Visualization 보기로 이동합니다.
2. 프로젝트 트리에서
Visualization.js를 클릭합니다.
모델 로드됨 이벤트를 트리거로 사용하여 셰이더를 활성화하고, 모델이 장면에 완전히 로드된 후에만 초기화되도록 합니다. 이 사용 사례에서는 연한 녹색 contour 셰이더를 적용하여 모델을 강조 표시합니다. 색상을 자유롭게 사용자 정의하거나 본인의 설계 선호도 또는 응용 프로그램 요구 사항에 맞는 다른 셰이더를 실험해 보십시오.
셰이더 항목에서 설명한 대로 contour 셰이더를 정의합니다.
$scope.$on("modelLoaded", () => {
$scope.view.wdg.dynamicModel.shader = "contour;lineR f 0;lineG f 1;lineB f 0;lineA f 0.5";
})
다음 섹션에서는
2D 사용자 인터페이스 빌드를 시작합니다.