krpano4 [Krpano-4] layer / 이미지 / 로고 삽입 #Krpano #Virtual_Tour #VR #Viwer 안녕하세요. Gi_1의 개발일기 입니다. tour.xml에서 이미지를 삽입하는 방법에 대해서 알아보려고 합니다. 왼쪽 상단에 초록색 박스를 보시면, VR화면과 별개로 홈페이지의 로고처럼 왼쪽 상단에 이미지가 삽입되어 있습니다. 이를 클릭하면 링크로 보낼 수도 있고, 이미지가 커지는 등 이벤트를 발생시킬 수 있습니다. (클릭 시 확대 / 가운데로 이동시키는 소스는 따로 저장해 놓았으니 블로그 이전글을 참고해주세요) 우선, HTML을 배우셨다면 DIV를 배운다고 생각하시면 될 것 같습니다. 이미지를 삽입하기 위한 코드인데요, 2022. 3. 15. [Krpano-3] 사용방법 - 스킨 세팅 / 설정 정리 #Krpano #Virtual_Tour #VR #Viewer 안녕하세요. Gi_1의 개발일기 입니다. 너무 간단하게 VR이 생성되었는데.. 디자인적인 요소를 변경하는 방법을 알아보겠습니다. 위와 같이 하단 툴바가 있고, 지난번에 생성한 핫스팟, 다른 지점으로 넘어갈 때 슬라이드 효과 외 여러가지를 설정할 수 있습니다. 코드 정리로 남겨놓겠습니다. tour.xml 파일을 열어보시면 ) loadscene_blend_prev = 다음으로 넘어갈 때 효과 loadscene_blend_next = 이전으로 넘어갈 때 효과 loadingtext = 로딩 텍스트 출력 layout_maxwidth = 기본적으로 px단위이고 큰 화면의 경우 100% 권장 controlbar_height = 하단 막대바 높이 design.. 2022. 3. 11. [Krpano-2] 사용방법 - 이동 화살표(hotspot) 생성/설정 #krpano #Virtual_Tour #VR #viewer 안녕하세요. Gi_1 개발일기 입니다. 기본적으로 VR을 생성했다면, 다음으로는 루트를 설정 해 사용자가 더욱 편하게 VR을 볼 수 있도록 할 수 있습니다. 먼저 krpano Tools를 실행하여 Load tour.xml를 클릭합니다. 미리 만들어 놓은 vtour폴더의 tour.xml 파일을 업로드 하면 됩니다. xml파일을 성공적으로 불러 왔다면, 상단 메뉴 툴바에서 Add hotspot을 클릭합니다. 화살표가 생성 될탠데, 원하는 위치에 드래그 -> 클릭하여 어디로 이동할지 설정 해줍니다. 화살표를 수정하고 싶을 때는, Edit hotspot을 클릭하여 똑같이 설정합니다. 이후 올바르게 작업이 됐는지 확인하면 끝! 감사합니다. 다음 포스팅에.. 2022. 3. 11. [Krpano-1] 사용방법 - 사용 전 다운로드 / 이미지 업로드 #Krpano #virtual_tour #VR #viewer 안녕하세요. Gi_1입니다. VR viewer가 많이 보이는데 간략하게 사용법 정리하고자 합니다. Krpano홈페이지에서 Download를 클릭 하셔서 환경에 맞는 파일을 다운로드 후 압축 해제 해 줍니다. Krpano는 유료로 인증키가 필요한데, demo버전으로 연습 해 볼 수 있습니다. krpano Tools를 실행하셔서 왼쪽 상단 Make Vtour를 클릭합니다. 파노라마 이미지를 삽입해 주면, 이미지가 있던 폴더에 자동으로 기본 세팅이 완료 됩니다. vtour 라는 폴더가 생성됐습니다. 웹 서버에 업로드 했을 때는 tour.html 파일을 통해 실행되지만, 로컬에서는 html파일로 바로 볼 수 없습니다. 따라서 tour_testingse.. 2022. 3. 10. 이전 1 다음
