3DVista - 스킨 적용

지금부터 3DVista 스킨 부여 설명드리겠습니다.

3DVista 키게 되면 이런 창이 뜨게 되는데 여기서 Import Skin 하시면 다음에 vts 파일로 Skin을 열어주시면 이렇게 Skin 모양이 뜹니다.

Select 를 해주시면 이렇게 적용이 되고 Import 해서 파노라마 사용하시면 됩니다.

일단은 저희가 Skin 포함한 프로젝트를 확인해 보겠습니다.

네 지금 보시면 Skin이 이제 이렇게 됐는데 제가 이제 따로 변경한겁니다.

여기서 이제 Header에 색상은 여기 보시면 Edit Styles이 있습니다.

여기서 이제 이거를 좌클릭하시면 여기서 이제 색상 변경도 가능하구요.

그리고 여기 로고는 이제 Properties 보시면 이제 로고 이름이 뜨게 됩니다.

여기서 오른쪽에 File 누르시면 이제 여기서 이제 jpg나 png 파일로 로고를 바꿀 수 있습니다.

그리고 Preview를 잠깐 보시면

지금 이게 Preview인데 일정 메뉴를 클릭하시게 되면 파노라마가 이렇게 쭉 나오고 여기는 원래 FloorPlan 메뉴인데 FloorPlan 메뉴를 싹 다 지우고 저희가 만든 Object 팝업창이 클릭을 하면 팝업 창이 뜨게 설정을 해 놨습니다.

클릭을 하면 이렇게 뜨게해가지고 이제 이렇게 보시면 FloorPlan 메뉴 중에 이제 이렇게 다 있는데 이거는 다 텍스트로 좌측에 이제 여기 보시면 텍스트가 있는데 텍스트 추가 해서 이렇게 글씨로 따로 넣은거고요.

여기오시면 이제 Action에 팝업추가가 있습니다.

Popup Web Frame을 체크를 하셔서 여기다가 자기가 만든 Object Link를 다 넣어주시면 그럼 이제 클릭 시 저기 Object VR Popup이 뜨게 해결했고요.

그리고 스킨 자체 저희가 원래는 이제 3DVista 를 PC 랑 모바일이 다 같은 형태로 하는데 여기 스킨에서는 PC 하고 모바일을 따로 만들었어요.

그래서 여기서도 똑같이 메뉴 누르면 파노라마 쭉 뜨고 로고도 이제 이렇게 이미지 바꾸고 배경도 똑같이 색상 바꾸고

여기서는 근데 어떤 형식인지 모르겠는데 여기 Plan에 추가를 하게 되면 밑에부터 추가를 하게 됩니다. 

이렇게 추가가 되더라고요.

그래서 똑같이 텍스트로 추가를 해 주시고 여기서도 Action 해서 똑같이 Popup Web Frame 해 가지고 자기가 만든 Object Link를 넣어주시면 똑같이 됩니다.

그래서 PC는 이제 Preview로 확인이 가능한데 모바일은 이제 PC에서 확인 자체가 되지 않아서 작업을 확실하게 마무리를 하고 그다음에 이제 링크를 만드신 다음에 모바일로 확인을 해 주시면 될 거 같습니다.

네 지금까지 스킨 적용 설명 드렸습니다.