모질라허브 이용법

모질라 허브를 시작하기 전에

메타버스의 계층적 구도

• 하기의 내용은 김현교수님이 기술한 메타버스와 시맨틱 데이터 아카이브에서 발췌

계층	내용
우주 Universe	다양한 주제, 목적을 가진 가상의 세계가 그 안에서 생성, 진화, 소멸하는 가상의 우주(Meta Universe)
월드/랜드/이벤트 World/Land/Event	특정한 주제를 표방하거나 목적을 가지고, 그것에 관심을 갖는 사용자들이 참여, 상호 교류, 창조적 기여를 할 수 있도록 만들어진 가상 공간. 서로 연결된 1개 이상의 장소(Site) 또는 방(Room)으로 구성된다.
사이트/룸 Site/Room	메타버스의 세계에 존재하는 가장 기본적인 단위의 가상 공간. - - 사용자들의 아바타가 이곳을 방문하여 서로 교류하며, 다양한 활동을 전개하는 곳. (학습, 공연, 상품의 매매와 구매 등). 사이트/룸은 월드의 창작자뿐 아니라 참여자도 만들 수 있으며 (플랫폼에 따라 기여 수준 상이) 3D 배경 공간 안에서 다양한 3D 조형물이나 2D 이미지, 웹자원 링크를 게시하는 방법으로 룸을 디자인하여 월드 안에 개설할 수 있다.
씬(장면) Scene	사이트(Site) 또는 룸(Room)의 배경 공간으로 활용할 수 있는 3차원 장면(Scene). 다양한 3D, 2D 콘텐츠를 게시하여, 거리, 마을, 도시 등의 열린 공간이나 교실, 세미나실, 박물관 전시실, 콘서트 홀과 같은 실내 공간을 연출하고, 여러 유저들이 이것을 재사용할 수 있게(Reusable) 만들어 놓은 패키지이다.
어셋 Asset	월드(World) 창작자 또는 참여자들이 씬(Scene)을 만들 때 사용할 수 있도록 메타버스 안에 등록해 놓은 다양한 형태의 디지털 콘텐츠. 3D 모델을 비롯하여, 2D 이미지, 동영상, 웹 상의 어셋을 불러올 수 있는 링크(URL) 등.

모질라 허브 스포크(Spoke) 시작하기

• 스포크(Spoke): 3D 가상환경인 모질라 허브의 씬 편집기로 웹브라우저 기반. 3D 모델이나 이미지 등 파일을 업로드하여 새로운 공간을 창조할 수도 있고, 스포크에서 제공하는 3D 및 공간을 수정, 변형하여 사용할 수도 있다.
• 회원가입 후 메일에서 가입 승인
• 모질라 허브 컴퓨터 앱 다운로드
• <Hubs> 앱 클릭 - 사이트 맨 아래 오리 아이콘 옆 <visit the legacy hubs.mozilla.com site> 클릭 - <로그인> - <Spoke> 클릭 - <Get Started>
• <New Project> 클릭 - 4번째줄 <MozAtrium> 클릭 (좁고 미로 같아서 조작법 익숙해지는 데에 좋을 듯)

모질라 허브 스포크(Spoke) 조작법

기본조작

• 마우스 좌클릭: 클릭한 부분을 중심점으로 삼아 움직임 -> 가요 프로그램 카메라
• 마우스 우클릭: 시점 이동 -> 고개 돌리기
• 마우스 휠: 줌 인, 줌 아웃
• 마우스 우클릭 + W, A, S, D : 앞, 왼쪽, 뒤, 오른쪽 이동 (shift 누르면 빠르게 이동)
  • 카메라가 향한 방향으로 이동하므로 유의 (위를 보면 하늘로 솟고, 아래를 보면 땅으로 꺼짐)

• <Hierachy> 에서 더블클릭: 해당 Object가 중심이 되는 장면으로 전환됨
  • Object가 많거나 씬이 넓어서 헷갈릴 때 이용

• 무엇이든 되돌리기 가능! -> Ctrl + Z
  • 단, 앞으로(Ctrl + Y / Ctrl+Shift+Z)는 불가
• 복사(Ctrl+C), 붙여넣기(Ctrl+V) 가능!
• 저장하기: Ctrl+S
  • ★ 중간중간 다른 이름으로 저장도 꼭 필요: 이유를 알 수 없이 룸 입장 시 씬 로드가 계속 실패하는 경우가 있음. 앞으로(Ctrl+ Y) 가는 것이 안되므로 최악의 경우 많은 과정을 다시 해야 함. 따라서 중요한 씬이라면 중간중간 다른이름으로 저장하여 중간본을 남길 것.

모질라 허브 스포크(Spoke)에 Object 배치하기

• Object : 3D모델, 이미지 등 모든 개체
• 가지고 있는 파일을 Object 배치: 파일을 드래그 앤 드랍
  • 특징: My Assets 에서 확인 가능(장,단점)
• Url 주소로 Object 배치 : <Elements> - 해당 유형 선택하여 URL 기재
• Asset 선택 후 위치를 지정하지 않으면 사라집니다.

이미지(Image)

• <Elements> - image 에서 이미지 주소 / 혹은 드래그 앤 드랍
• 옵션: 자동재생, 반복재생, 컨트롤, 360도 이미지(Projection) 가능
  • 컨트롤: 허브 룸에서 멀~리서라도 해당 Object를 마우스 우클릭시 곧장 해당 Object가 화면 중앙으로 크게 줌인됨 (ESC 누르면 원 화면으로 돌아감, 보러가기 클릭 가능) / 해당 멀티미디어를 복사하여 원하는 곳에 가져다 놓기(Clone 기능) 가능

영상(Video)

• <Elements> - Video 에서 영상 주소(유튜브 가능) / 혹은 드래그 앤 드랍
  • <Hierachy> 에서 빨간색 느낌표가 뜨면 업로드 불가한 것
    • 테스트 결과: 유튜브 1시간 7분 영상은 가능, 1시간 13분 이상 영상은 에러가 뜸
• 옵션: 링크, 자동재생, 반복재생, 컨트롤, 360도 영상(Projection) 가능
  • 컨트롤: 소리 크기, 재생 여부 조절 -> 필수 선택

오디오(Audio)

• <Elements> - Video 에서 영상 주소(유튜브 가능) / 혹은 드래그 앤 드랍
• 옵션: 자동재생, 컨트롤
  • 컨트롤: 소리 크기, 재생 여부 조절 -> 필수 선택

3D모델 (Model)

• <Elements> - Model 에서 3D모델 Url 기재 / 혹은 드래그 앤 드랍 / 혹은 <Assets> - <Sketchfab>, <Architecture Kit>, <Rock Kit> 이용
  • glb, glTF 형식만 가능. 다른 확장자는 [Blender 프로그램을 사용하여 확장자 변경
• 3D모델 배치 시 가장 먼저 확인할 것: 노란색 느낌표에서 용량 확인 -> ★ 1개 씬의 최대 사이즈는 128MB. 이것보다 더 크면 올릴 수 없다!
  • 여러번 사용된 3D는 1개 용량만 계산
  • ★ 용량이 큰 3D모델은 Blender를 활용한 3D 모델 경량화 필요
  • ★ 사용할 모든 3D 모델 업로드 및 URL 기재 후, 아무런 조정을 하지 않고 우선 Publish to Hubs 를 클릭하여 총 용량을 확인하면 일을 덜 수 있다!
• Sketchfab 공식 사이트에는 훨씬 많은 3D모델(무/유료)을 다운로드 할 수 있음
• 공공데이터 포털에서도 3D 검색 시(확장자 etc 선택) 공공기관에서 만든 한국의 3D모델을 다운 받을 수 있음

위치 이동

• G (Grab): Object 들어서 옮기기 ~ 마우스 클릭한 장소로 옮겨짐
• 왼쪽 상단 메뉴에서 4방향 화살표 아이콘 / 혹은 T (Translation)
  • 세부 전환: 오른쪽 하단 <Properties> 에서 값 조정

크기 조정

• 왼쪽 상단 메뉴에서 상하 화살표 아이콘 / 혹은 Y
  • 세부 전환: 오른쪽 하단 <Properties> 에서 값 조정
    • 쇠사슬 아이콘(Uniform Scale) 활용 - 가로, 세로, 높이 동일한 비율로 조정 시 쇠사슬 모양 / 동일하지 않게는 \(역슬래시) 생기도록 클릭
      • 순서: 먼저 동일한 비율로 조정 - 나중에 동일하지 않는 비율로 조정

방향 전환

• Q: 왼쪽으로 90도 돌리기
• E: 오른쪽으로 90도 돌리기
• 왼쪽 상단 <메뉴>에서 회전 아이콘 / 혹은 R (Rotation)
  • 세부 전환: 오른쪽 하단 <Properties> 에서 값 조정

여러 오브젝트 선택하기

• 여러개를 선택하여 이동, 방향, 크기 등 조정, 복사하기 가능
• <Hierachy> 에서 혹은 3D 모델을 SHIFT 누른 채 클릭

모질라 허브 스포크(Spoke) 기능

그룹화

• 그룹화하면 그룹 통째로 이동, 방향, 크기 등 조정, 복사하기 가능
• <Hierarchy>에서 그룹화할 대상들 선택(SHIFT+클릭) - 마우스 우클릭한 후 Group 선택 / 혹은 ctrl+G
  • ★ 무조건 함께 사용되는 짝꿍끼리 그룹화 해놓으면 대량생산이 손쉬움!
  • ★ 하나의 섹션 완료 후 해당 섹션끼리 그룹화 해놓으면 관리도 수월함!

시작점(Spawn Point)

• 허브 룸 접속시 해당 지점에서 시작 (스포크에 나오는 방향대로 바라봄)
  • 여러개 배치 가능
• Way Point 도 Spwan Point로도 사용할 수 있다. (<Properties>에서 선택 시)

텔레포트 지점(Way Point)

• 사람이 텔레포트할 수 있는 지점
• 옵션: Spawn Point 이용, 점유(1인 1지점), 이동 금지, 시선 고정 등

링크(Link)

• 모질라 허브 룸 혹은 웹사이트를 링크할 수 있음
  • Spoke에서는 쇠사슬 모양이나 허브 룸에서는 사진(해당 링크의 캡쳐본)으로 보임

Particle Emitter

• 반짝이 흩뿌리는 효과를 주는 요소로 축제 분위기를 만들 수 있음.

미디어 액자 (Media Frame)

• 미디어 개체(2D 이미지, 3D, 이미지, 영상, PDF 유형)를 걸 수 있는 액자
• 옵션: 모두, 혹은 오직 1개 유형만

오디오존 (Audio Zone)

• 오디오존을 만들지 않아도 가까워지면 영상, 음악 등 소리가 커지고 멀어지면 소리 작아짐
• 바로 옆이지만 방음이 필요할 경우 이용
• 옵션: 오디오존 안의 소리가 밖으로 못 나가도록(inOut), 오디오존 밖의 소리가 안에 못 들어오도록(outIn) 설정할 수 있음.

텍스트(Troika Text)

• 영어만 지원하며, 한글은 깨짐
  • 한글 안내판이 필요한 경우 이미지로 대신 보여주는 것도 방법 (단점: 이미지를 많이 만들어야 함)

장면 내보내기

• <메뉴> - Export as binary glTF(.glb)
  • 이미지, 영상 등은 모두 제외하고 3D모델들이 하나의 glb(3D모델)가 된다.
• <메뉴> - <Export legacy .spoke project> 로 내보내기 - 불러올 때는 <Import legacy .spoke project>
  • 3D모델, 이미지, 영상 등 모두 보존됨
  • project를 불러오면 해당 project를 모두 덮어쓰므로 새로운 Project에 import 하는 것이 좋음 (Ctrl+Z 해도 복구 안됨)

허브에 올리기

• 씬에 접속할 수 있도록 하려면 허브에 올려야 한다.
  • 씬을 Room으로 만들어야 본인이 만든 가상공간에 타인 초청 가능 (URL 이용)
• 오른쪽 상단의 <Publish To Hubs> 클릭 - <Save and Publish> 클릭 - <Publish Scene> 클릭
  • 하나의 씬의 최대 사이즈는 128MB. 더 크면 올릴 수 없다.
• View Your Scene 클릭 - 새창이 뜨면 <Create a Room with this scene>을 클릭
  • <Create a Room with this scene> 클릭 후 나오는 룸의 주소 URL이 타인과 공유할 URL

수정한 씬을 반영하는 방법

• 허브에 올려서 룸이 된 씬은 ★ 스포크에서 해당 씬이 있는 Project를 수정해도 룸에 자동으로 반영되지 않음!
• 가장 빠르고 정확하게 수정을 반영하는 방법: 수정 후 스포크에서 Publish to Hubs 를 클릭 -> 단, 새로운 룸 URL을 부여받음.
  • 룸 URL이 결코 변경될 수 없다면, 아래의 허브 설정법 확인

허브 룸 설정법

• 수정한 씬 반영: 룸 입장 후 오른쪽 하단 <더보기> 클릭 - <Room 정보 확인 및 설정 변경> - <Scene> 변경하기 클릭 - <My Scene> 클릭
  • 쿠키 삭제 후 새로고침 후에도 수정된 모습을 볼 수 없는 등 반영이 매우 느림. 따라서 URL을 변경하는 방법을 가장 추천
• 룸 이름 변경: 룸 입장 후 오른쪽 하단 <더보기> 클릭 - <Room 정보 확인 및 설정 변경>
  • 룸 이름 변경 시, 룸 이름과 룸 이름이 적힌 URL의 뒷부분도 변경된다. ★ URL 제출 전 Room 이름 확인 및 변경 필요
• 나의 닉네임 및 아바타 변경: 룸 입장 후 오른쪽 하단 <더보기> 클릭 - <이름 및 아바타 변경>

기타

활동적인 메타버스를 만들고 싶어요

• Media Frame 및 Spawner(방문자가 복사할 수 있는 3D) 적극 활용을 하시면 좋을 것 같아요.

3D모델을 많이 넣고 싶은데 용량 에러가 떠요

• 하나의 씬의 최대 사이즈는 128MB입니다. 초과한다면 Blender 라는 프로그램을 활용하여 3D모델을 경량화해서 업로드하세요!
  • Blender를 활용한 3D 모델 경량화

Publish to Hubs 클릭하면 에러가 떠요

• 용량 이외의 문제는 저장 후 <메뉴> - Back to Project - Project 다시 오픈 -> 빨간색 느낌표 해결

좀더 참고할 만한 자료가 있을까요

• 모질라 허브 한국어 문서 참고