2023년 5월 15일 (월) 06:45에 My9univ님의 편집

2023-05-15T06:45:57Z

My9univ: 새 문서: == 모질라 허브를 시작하기 전에 == ===메타버스의 계층적 구도=== * 하기의 내용은 김현교수님이 기술한 [http://dh.aks.ac.kr/Edu/wiki/index.php/메타...

2023-05-15T06:33:35Z

새 문서: == 모질라 허브를 시작하기 전에 == ===메타버스의 계층적 구도=== * 하기의 내용은 김현교수님이 기술한 [http://dh.aks.ac.kr/Edu/wiki/index.php/메타...

새 문서

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

===메타버스의 계층적 구도===
* 하기의 내용은 김현교수님이 기술한 [http://dh.aks.ac.kr/Edu/wiki/index.php/메타버스와_시맨틱_데이터_아카이브 메타버스와 시맨틱 데이터 아카이브]에서 발췌

[[파일:메타버스.jpg | 800px]]

{|class="wikitable" style="text-align:left;width:90%"
! 계층 || 내용
|-
| 우주 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 및 공간을 수정, 변형하여 사용할 수도 있다.
* [https://hubs.mozilla.com/signin 회원가입] 후 메일에서 가입 승인
* [https://hubs.mozilla.com/demo 모질라 허브 컴퓨터 앱 다운로드]
* <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 형식만 가능. 다른 확장자는 [[http://dh.aks.ac.kr/Edu/wiki/index.php/Blender_이용법 Blender 프로그램을 사용하여 확장자 변경]
* 3D모델 배치 시 가장 먼저 확인할 것: 노란색 느낌표에서 용량 확인 -> ★ 1개 씬의 최대 사이즈는 128MB. 이것보다 더 크면 올릴 수 없다!
** 여러번 사용된 3D는 1개 용량만 계산
** ★ 용량이 큰 3D모델은 [http://dh.aks.ac.kr/Edu/wiki/index.php/Blender_이용법 Blender를 활용한 3D 모델 경량화] 필요
** ★ 사용할 모든 3D 모델 업로드 및 URL 기재 후, 아무런 조정을 하지 않고 우선 Publish to Hubs 를 클릭하여 총 용량을 확인하면 일을 덜 수 있다!
* [https://sketchfab.com/ Sketchfab 공식 사이트]에는 훨씬 많은 3D모델(무/유료)을 다운로드 할 수 있음
* [https://www.data.go.kr/ 공공데이터 포털]에서도 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모델을 경량화해서 업로드하세요!
** [http://dh.aks.ac.kr/Edu/wiki/index.php/Blender_이용법 Blender를 활용한 3D 모델 경량화]

=== Publish to Hubs 클릭하면 에러가 떠요 ===
* 용량 이외의 문제는 저장 후 <메뉴> - Back to Project - Project 다시 오픈 -> 빨간색 느낌표 해결

=== 좀더 참고할 만한 자료가 있을까요 ===
* [https://developers.belivvr.com/docs/mozilla-hubs/welcome.html 모질라 허브 한국어 문서] 참고

[[분류:블렌더]] [[분류:3D]] [[분류:메타버스]]

@@ 3번째 줄: / 3번째 줄: @@
 ===메타버스의 계층적 구도===
 * 하기의 내용은 김현교수님이 기술한 [http://dh.aks.ac.kr/Edu/wiki/index.php/메타버스와_시맨틱_데이터_아카이브 메타버스와 시맨틱 데이터 아카이브]에서 발췌
 {|class="wikitable" style="text-align:left;width:90%"

모질라허브 이용법 - 편집 역사

2023년 5월 15일 (월) 06:45에 My9univ님의 편집

My9univ: 새 문서: == 모질라 허브를 시작하기 전에 == ===메타버스의 계층적 구도=== * 하기의 내용은 김현교수님이 기술한 [http://dh.aks.ac.kr/Edu/wiki/index.php/메타...