3DVista 기능 설명

자

녹화 시작하겠습니다.

3DVista를 키게 되면 이런 페이지가 뜨는데 여기서 이제 Add Media -> Import Panorama -> Standard Panorama 로 해서 우정바이오(예시) 건으로 진행을 해보겠습니다.

그러면 이제 네개 파노라마가 등록이 되는데

이제 여기서 보시면 등록이 되면 제일 첫 번째 중요한 것은 정면 세팅입니다.

정면 세팅 - Panorama -> Setting에 보시면 Set View as Initial Point라고 있습니다.

이제 이걸 누르면 이 장면이 첫 정면 세팅으로 되게 됩니다.

나머지 4개도 해보겠습니다.

그리고 그 다음엔 저희가 할게 이제 POI 입니다.

이제 POI는 이제 여기 Panorama -> Hotspots 으로 들어가게 되시면 이제 여기서 이미지 되게 많습니다.

일단은 간단하게 이걸로 클릭을 해주시면 이렇게 생깁니다.

이렇게 맞춰주고 그래서 이제 이거를 다음 장으로 넘어가야 되니까 Action에서 Add Action으로 Open Panorama 로 2번째 장 Select 하시고 On Click 클릭했을때 Main Viewer 여기서 보시면 Start Point는 맨 처음에 저희가 설정한 정면 세팅으로 이동하게 됩니다.

그 다음에 네 가지가 있는데 이게 지금 Start Point로 하면 첫 정면 설정으로 가는데 이제 3D Transition Effect가 그렇게 막 적용이 잘 되지 않습니다.

그래서 추천드리는 것은 Smart Entry View Dynamic을 추천드리고 있습니다.

정하고 일단은 비교를 위해 두 번째 장에서도 POI를 한번 찍어보겠습니다.

했고 여기서도 Add Action을 Open Panorama 첫번째 장 여기서도 Smart Entry View Dynamic 그리고 이제 여기서 이제 3D Transition Effect를 넣어줘야 되는데 Project로 가보시면 Playlist에 보시면 Enable 3D Transition 이라고 있습니다.

이게 3D Transition Effect 효과인데 체크를 하면 효과가 생기고 이제 여기서 이제 몇 초 동안의 Transition Effect를 보여줄 것이냐라는 건데 저는 2.5초로 한번 해보겠습니다.

그래서 이제 Preview를 눌러서 미리 보기를 해서 본인이 작업한 걸 확인하실 수 있습니다.

처음에는 파노라마를 등록해야겠다.

그러면 조금 시간이 걸립니다.

다 되시면은 이렇게 Preview 창이 뜨게 됩니다.

지금 정면 세팅하고 이제 누르시면 이렇게 지금 Transition Effect가 적용이 되죠.

여기 누르시면 이렇게 가고 중요한 점은 이제 여기서 이제 Dynamic인데 여기서 이제 만약에 이쪽 방면을 보고 클릭을 했다.

그럼 똑같이 이쪽 방면을 바라봅니다.

여기서도 이제 아래쪽을 바라보고 클릭을 하게 되면 똑같이 아래쪽으로 이렇게 POI는 이렇게 해서 일단 나머지 까지 한번 찍어보겠습니다.

이제 여기서도 찍고 Add Action -> Open Panorama Cafeteria로 넣어주고 여기서도 이미지 여기서도 Add Action -> Opend Panorama 그리고 이제 이렇게 하다보면 헷갈릴 수도 있으니까 여기서 이제 이렇게 이름 바꿔주고 Entrance, Cafeteria, EPS 이렇게 바꿔주고 EPS에서도 찍고

ADD Action

Vivarium

네 번째 에서도 여기다가 Hotspot으로 크기 조절도 되니까 이제 간격 조절해서 Add Action -> Open Panorama 아마 두 번째 다 확인해 주시고이렇게 POI 찍어주시면 이제 이렇게 이렇게 되겠죠.

그 다음에 이제 바닥작업입니다.

삼각대 지워야 되니까 Panorama -> Caps를 보시면 여기서 바닥작업을 할 수 있습니다.

그래서 이제 Tripod Cap Settings 보시면 다양한 게 많은데 여기서 일단은 저희 회사 로고로 세팅을 해보겠습니다.

여기서 Size, Position VR Distance를 조절할 수 있고 그래서 일단 0.2로 고정해놓고 조금 튀어나오니까 0.3 이 적당하겠네요.

그리고 여기서 보시면은 Use Hand Cursor / Fixed onto Panorama / Inertia Effect 는 관성입니다.

이제 움직였을 때 흔들거리는 Effect고 이게 중요합니다.

Fixed onto Panorama 이걸 체크했을 때 바라보는 방향으로 바닥에 움직이지 않습니다.

해제를 하고 Preview를 봤을 때 일단 4개 다 설정하고 확인할게요.

여기서도 0.3에 체크해제 여기서도 0.3 체크해제 여기서도 이제 지금 여기서도 0.3 체크해제 이걸로 확인해 보겠습니다.

바닥작업 그럼 지금 보시면 지금 딱 가려져 있고 바라보는 방향대로 받아움직이게 되어 있죠.

바닥작업은 이렇게 해주시면 되고요.

그 다음에 이제 나레이션같은 경우는 파노라마의 Audio 쪽으로 들어가보시면 됩니다.

Audio 쪽으로 들어와서 보시면 지금 앞으로 추가를 하시고 여기서 Directional을 설정을 하시면 이제 이렇게 전체가 됩니다.

이제 구역을 조절해서 이제 어느 부분에서는 들리고 어느 부분은 안 들리게 해서 조절이 가능하고요.

여기서도 Directional을 찍어주고 여기는 없고 여기서는 Cafeteria 여기서도 이렇게 Directional 찍어주고 그렇게 되면 지금부터 그러면 여기서 이제 나레이션이 들리게 됩니다.

그래서 다국어 모드는 저도 고민을 해봤는데 이게 그렇게 되면 각 씬마다 이제 한국어 다국어가 들어가야 되는데 그런 기능은 지금은 따로 없는 걸로 알고 네 지금 그런 기능은 따로 있는 것 같고 다음은 Floorplan 입니다.

Floorplan인데 여기서 이제 Project로 들어가 보면 스킨에 들어가 보시면 아 아니다!

여기도 이제 Floorplan 들어가 보시면 여기서 Floorplan 사진을 따로 등록을 할 수 있습니다.

그래서 아까 말했듯이 우정바이오 Floorplan을 이렇게 등록을 하시면 스킨의 Floorplan View라는 창이 따로 뜹니다.

이렇게 Floorplane에 들어가게 되면은 스킨에 보시면 Floorplan View라고 따로 생깁니다.

근데 이제 이제 여기서도 이제 생기긴 하는데 이게 어떤 오류인지 모르겠는데 가끔 이렇게 클릭이 안 될 때가 있습니다.

그런데 가끔 클릭이 안 되는 거면은 이제 여기서 보시면 세 번째 컨테이너가 있습니다.

이 컨테이너 안에 Floorplan을 집어 넣어주시면 부모자식 관계로 이제 되는데 여기서 이제 크기를 늘려주시면 됩니다.

이러면 컨테이너도 늘어나니까 여기서 딱 눌러주시고 컨테이너의 위치를 이렇게 옮겨주시면 됩니다.

이렇게 옮겨 주시고 한번 봐볼까요?

네 그러면 이러게 뜨겠죠!

그런데 이 사진은 지금 가로로 넓으니까 가로 형태로 바꿔줄게요.

이렇게 이거를 이제 Left 이런 위치도 세부적으로 고정이 가능합니다.

이렇게 지금은 30 정도 이렇게 그리고 다시 한번 봐볼까요. Preview 네 그럼 이렇게 되겠죠.

조금 줄이고 이렇게 그리고 여기서 이제 Floorplan 저희가 CMS4VR 했듯이 Floorplan에서도 가능합니다.

여기서 이제 비슷하게 이미지로 클릭을 해서 크기 맞춰서 여기서 똑같이 Add Action -> Open Panorama 첫번째 장

여기는 뭐 똑같으니까 Start Point 그리고 이걸 여기서도 Entrance 이제 복사를 해주시면 됩니다.

이건 이제 바로 복사만 해주시면 됩니다.

복사해서 쭉 옮기고 Floorplan 작업에서는 그렇게 많이 오래 안 걸립니다.

복사해서 근데 지금 복사하면은 Add Action이 다 똑같겠죠.

이것도 바꿔줄게요.

그래서 두번째 장

그래서 세 번째 장

여기서는 네 번째 장 이렇게 되고 Preview를 보면 CMS4VR에서 했듯이 여기서 출입구 움직일 수 있는게 가능합니다.

그래서 이제 추가적인 기능은 레이더가 있는데 레이더는 이 여기 그 찍혀있는 사진들이 있습니다.

사진들이 이제 레이더를 추가 하게 되면 이 위치를 잡을 수 있습니다.

Length 너무 길죠. 길면 조금 줄여서 정도가 적당하게 했죠.

이거를 어느쪽 방향이냐 해서 이렇게 위치를 잡고 두 번째 사진에서 레이더 추가해서 여기서 이렇게 세 번째 에서도 추가해서 이렇게 네 번째 에서도 추가해서 이렇게 추가 하면 여기서 보면 레이더도 같이 돌아가는 거 보이시죠.

이렇게 이게 CMS4VR과 다른 조금 추가된 기능이고요.

그 다음은 E-Learning Pro기능입니다.

E-Learning 기능은 하나의 예시로 보여드릴게요.

이제 E-Learning 기능에는 여러 가지가 있습니다.

이제는 간단하게 보여드리면 여기서 찍고 크기 조절한 다음에 링크로 해가지고 링크 Open URL을 해줘요.

그래서 우정바이오 홈페이지를 넣는 URL 그렇게 되면 여기서 클릭 시 이렇게 우정봐이오 홈페이지로 넘어가고 하여튼 이렇게 넘어가고 그 다음에 여기서 다시 조금 줄이고 그래서 이제 E-Learning 기능을 해볼게요.

여기서 Question Card를 보면은 아직 스코어가 없네요.

그러면 일단은 Project에서 E-Learning

여기서 Enable Quiz 선택해주셔야 E-Learning 기능을 사용할 수 있어요.

여기서 이제 E-Learning 기능에서 뭐 몇 분 동안 뭐 투어를 하고 퀴즈를 푸냐 저희 일단 5 분으로 잡았고 그 다음에 처음 스코어 영점으로 설정해 놓고 여기서 보시면 Show Timeout / Show Report 이제 이런 게 있고 이제 보시면 여기서 이제 E-Learning 기능을 사용할 수 있습니다.

Question Card 그러면 이제 스코어가 작성이 되죠.

여기서 이곳에 이름은? 그래서 보시면 Single Choice 하고 Multiful Choice 이제 정답이 여러 개인 것이냐 정답이 한개인 거죠 선택하실 거에요.

우정바이오 뭐 VR임팩트해서 점수 2점 뭐 마이너스 일점에서 여기서 이제 Question Card의 사진을 넣을 수 있습니다.

Add Media PhotoAlbum 보시면 이제 뭐 우정바이오로 넣어 놓으면 이렇게 해서 확인해 볼게요.

이거는 URL이 나오는 거고 여기서 이거 클릭을 하게 되면 이제 이렇게 문제가 나옵니다.

그러면 만약에 틀리게 하면 이게 잘 틀렸고 이게 정답이라고 나오는 거죠.

네 이렇게 정수 아까 틀렸으니까 -1 이렇게 되는 거죠.

그리고 여기서 하나 더 이제 E-Learning의 기능 중에 하나가 더 있는데 보시면 Count to Score 가 있습니다.

이제 이거는 2 점 이라고 했다.

그러면은 이걸 클릭을 하고 하면 나중에는 이제 그 점수판도 이렇게 만들 예정이라 일단은 클릭을 했고 이제 여기서 맞았다

그러면 2점 2점 해서 총 4 점이죠.

끝나게 되면 총 4점 이제 이런 기능이 있습니다.

그래서 일단은 이걸 지우고 이제 점수판이 나와야 되잖아요.

이제 점수판을 보게 되면은 스킨으로 갑니다.

스킨으로 가서 이제 Multiple Text Line으로 이렇게 잡아주고 거기다가 아까 그 Counting Score하셨을 때 보면은 HIDDEN ITEM 해서 잘 안 보이니까 빨간색을 해서 여기서는 흰 색깔 하고 이제 여기서 이제 이 기능이 중요한데 이제 여기서 무엇을 나타낼 것이냐 입니다.

보시면 E-Learning 중에 아이템을 찾았냐 Item을 찾은 거 아니면 ItemCount 그럼 여기는 이제 아까 Item해놨으니까 ItemFound에 ItemCount를 해놓으면 찾은 양과 찾을 양이 나오겠죠.

그리고 다시 여기서 보면 여기서 이렇게 쭉 해서 퀴즈니까 그래도 남은 시간 이렇게 해놓고 남은 시간 이렇게 해놓고 그 다음에 흰색해가지고 거기서 보시면 Remaining Time 있으면 남아 있는 시간이 보여지겠죠.

그 다음에 이제 점수 또 이렇게 붙여주시고 Score 빨간색 그렇죠

빨간색 띄우고 흰색 여기서도 전체 Score겠죠.

Total Score 전체 스코어의 현재 스코 Current Score 이렇게 하면 되겠죠.한번 볼까요 잘했는지 어때요?

시간은 잘 됐죠. 5분 설정놓은 거에 시간 잘 가고 아까 저희가 이 문제에서 2점으로 체크해놓은 것 지금 이거는 히든 아이템을 제가 지웠죠.

다시 제작 하면 여기가 0이고 1로 바뀔 겁니다.

문제 한번 풀게 되면은 2 점으로 올랐죠.

네 이게 E-Learning 의 기능입니다.

그리고 다양한 걸 되게 많이 할 수 있어요.

그래서 여기서 보면 파노라마에 여기서 들어가서 이걸 해놨다.

이걸 누르면 근데 이 회사의 설명이 나오게 해주고 싶다.

여기서 일단 스킨에서 여기서 이제 이걸로 위에 붙이고 이곳은 우정바이오 입니다.

제가 이렇게 해놨다고 하죠.

근데 이제 이걸 이렇게 체크해 놓으면은 전 뷰에서 다 보이니까 그것을 가려 줍니다.

이거를 그렇죠.

안 헷갈리게 우정이라 바꿔 놓고 아까 그 파노라마에서 여기서 액션을 Show Hide Component 이걸로 눌러주시면 여기서 이제 보여주거나 가리거나 이제 할 수 있는 게 나옵니다.

그러면 이제 우정을 보여주고 싶다.

이렇게 해서 체크해 놓으면 만약에 그 아이콘을 클릭했을 시에 그 아까 설명이 보이겠죠.

근데 여기서 중요한 거는 이제 Show로 체크해 놓으면은 계속 보이게 됩니다.

그래서 Toggle Show/Hide 로 체크해서 Preview로 봤을 때 이게 나오죠.

만약에 한번 더 클릭하면 어쨌든 나오죠.

그런데 문제는 이게 꺼지지 않는다는 점 그래서 이건 어떻게 하냐 여기서 다시 Action을 추가하는 겁니다.

여기서 이제는 Toggle Show/Hide 가 아니라 하이드에서 이걸 지워주는 거죠.

다시 Preview 여기서 이제 눌러서 이것은 우정봐이오입니다.

그런데 넘어가면 이 씬의 설명이니까 사라지죠.

이렇게 응용이 가능합니다.

그래서 만약에 제가 Polygon 눌렀습니다.

Polygon 눌러서 여기다가 이렇게 이렇게 찍었습니다.

그런데 이제 이렇게 보면은 Preview해서 너무 티나게 볼 거 아니에요.

여기서 이제 Thickness 를 줄이고이러면 안 보이죠.

말 그대로 Hidden Item이 된 거예요.

여기서 이제 아까 말했듯이 E-Learning에서 Counting To Score 2 점을 찾는다.

다시 볼까요.

기능 아이템이 추가됐는지 안되는지 들어왔죠? Hidden Item 가서 들어오시면 여기서 이제 이거를 클릭하게 되면 추가되죠.

E-Learning은 이런 기능입니다.

그리고 제가 하나 더 말씀드릴 기능이 다음 보여드릴 기능은 이제 Dual Viewer 그러면 이제 왼쪽과 오른쪽에 장면 차이를 위해서 쓰는 기능이고

이제 여기서 이제 보시면은 여기 보시면 Dual Viewer 있습니다.

나눠놔서 상관없는데 Split으로 써볼게요.

그래서 클릭을 해주시면 이렇게 나옵니다.

근데 이제 이 Split Dual Viewer 비어가 계속 켜져 있으면 온 전체에서 다 보이겠죠.

그래서 이걸 꺼주시고 파노라마에서 아까 저희 설명 나왔을 때처럼 한 것처럼 여기다가 핫스팟으로 일단 여기 보시면 여기서는 이렇게 나뉘어 있습니다.

Left Viewr / Right Viewer 그 가운데 거에 이제 왼쪽과 오른쪽에 다른 걸 보는 거니까 Left Viewr에 Open Panorama 이걸 지정을 해줘야 됩니다.

만약에 이제 여기 보고 다른 사진이지만 기능 확인을 위해 그래서 또 Open Panorama 해놓고 이거를 끕니다.

그리고 파노라마에서 아까 문제 설명했던 그 기능으로 핫스팟 Add Action / ShowHide / Toggle Show Hide Split Viewer 체크를 해놓으면 확인해볼까요?

자 그러면 두 번째 씬 가서 클릭하면 Split Viewer가 되겠죠 이렇게.

Split Viewer 지금은 다른 사진인데 같은 사진 일 때는 이제 왼쪽과 오른쪽에 비교가 가능하겠죠.

그리고 이제 말씀을 안 드렸는데 클릭했을 때 Dual Viewer 가능하고 클릭했을 때 이런 것도 가능합니다.

넘어가서 이제 중요한 거는 이런 게 안 됩니다.

그러면 이 Dual Viewer에 끄는 기능이 있어야겠죠.

그래서 그거는 이제 스킨에서 다시 켜주시고 얘를 좀 이쪽으로 옮기고 여기다가 Close 버튼을 넣으면 됩니다.

보시면은 Close 버튼이 따로 있어요.

여기 이렇게 이렇게 그럼 이제 여기서도 Acc Action 해야겠죠?

여기서 Show/Hide Component겠죠.

여기서는 이제 그럼 Toggle Show/Hide가 아니라 Hide로 체크해 놓으면 확인해 볼까요?

처음에는 안나오고 이제 이걸 누르면 그리고 Close 버튼을 누르면 사라지죠.

이런 기능이 있습니다.

그리고 나머지 설명드릴게 이제 클릭시 이미지 팝업창 설명을 드리겠습니다.

이미지 팝업창은 아까 저희 핫스팟 했을 때 그거랑 비슷합니다.

아까 두 번째 그 Polygon으로 핫스팟했죠?

여기서 그러면 클릭했을 때 이미지가 뜨게 해보겠습니다.

그러면 Popup Image 있죠?

이미지 여기서 아까 세척기 사진을 오픈한다

했을 때 한번 보겠습니다.

자 넘어가서 히든아이템에 이미지 등장

등장하죠? 그럼 히든아이템이 체크되고 이미지도 등장하고 이미지는 다행히도 여기 있습니다.

클릭 시 이미지 팝업창도 다 했고 그 다음에 인트로 이미지는 프로젝트에 들어가셔서 지금 Loading 페이지가 있습니다.

Loading 페이지 여기서 이제 어떻게 하냐 이제 다른 이미지도 있을 테지만 일단 이미지가 부족한 관계로 지금 우정바이오 로고를 써보겠습니다.

이렇게 이 문구도 바꿀 수 있고요.

이렇게 다음에 여기 보시면 Don't Show Loading도 있고 여기서 보시면 Edit Progress Bar가 있는데 Loading 을 보여주는 겁니다.

보여주는 건데 아까 테스트 해봤을 때는 너무 빠른 관계로 Progress Bar가 조금 밀려서 나오는 경우가 있어서 그렇게 딱히 좋은 기능은 아니라고 생각합니다.

그래서 확인했을 때 너무 빠른데 잠시만요.

(Loading이 너무 빠른 관계로 생략)

그러면 어쨌든 이렇게 Loading 창이 뜨게 되고요.

그리고 이걸 안 했는데 아까 마지막에 보시면은이렇게 문제도 다 풀고 Hidden Iten도 찾았다.

끝나죠.

여기서 이제 뭐 다시 하냐 뭐 결과 창을 보겠냐 이 창을 만들어 주면 됩니다.

보시면 아까 E-Learning 파일에서 이제 여기 E-Learning Action 이 있습니다.

여기 보시면은 E-Learning에서 여기서 Submit / Repeat 버튼을 눌러주시면 아까 종료를 하게 되면 다시 Repeat 버튼이 뜨게 됩니다.

확인해볼까요?

Repeat 하면 다시 Loading 뜨고 그리고 Download csv 버튼도 클릭을 하게 되면 그러면 Download csv / Repeat 버튼이 다시 뜨게 되죠.

누르면 Loading 창 다시 나오고 지금 이 Floorplan이 너무 여기 있으니까 눈에 거슬리니까 이것도 버튼 형식으로 만들 수 있습니다.

그러면 이게 Floorplan 이죠. 이걸 없애주고 여기다가 이미지 아니고 버튼으로 적당한 걸 이걸로 클릭을 해서 조금 키워주고 조절을 한 다음에 Action으로 Show/Hide 그럼 Toggle로 보여주면 되겠죠.

이건 스킨에 해놨기 때문에 전 Panorama에서 다 보이게 될 거예요.

그러면 Preview로 한번 해볼까요.

아까 말했듯이 전 Panorama에 다 등장하죠.

그리고 클릭을 하게 되면 단점은 또 이게 등장하죠.

그러면 이것도 아까 그 Toggle을 Show/Hide 클릭을 해주면 이것도 지워지게 됩니다.

단점은 이제 계속 등장하는 거 

이것도 이제 씬 넘어갈 때 지워준다던가 이런 기능을 좀 

기능을 좀 자유롭게 쓰시면 좋은 결과물이 나올겁니다.

이상으로 3DVista 기능 설명이었습니다.