AltspaceVR에 3D 모델 가져오기
9104 단어 three.jsVRAltspaceVROculus
소개
AltspaceVR 은 지금 주목을 받고 있는 소셜 VR 서비스입니다.
AltspaceVR에서는 VR공간에서 놀 수 있는 앱이 공개되어 있어 독자적인 앱의 작성도 가능합니다.
상어 부장의 AltspaceVR 소개 기사는 여기
공식 개발자 정보는 여기 (영어).
본 기사에서는
· AltspaceVR로 움직이는 앱 작성 환경 구축
· 샘플 앱 시작
· AltspaceVR에 3D 모델을 가져 오는 방법
설명합니다.
개발 환경 구축
1. 여기 에서 [Download ZIP] 버튼을 클릭하여 AltspaceSDK를 다운로드합니다.
다운로드가 끝나면 적절한 장소에 압축을 풉니 다.
2. 로컬 웹 서버에서 이동
이 절에서는 Prepros을 사용하여 설명합니다.
preprs의 project 폴더에 1로 압축해제한 AltspaceSDK의 폴더를 통째로 드래그 드롭 합니다.
샘플 앱 시작
1. PREVIEW > Open Live Preview를 클릭하면 브라우저가 시작됩니다.
2. 체스 앱 시작
브라우저에서 examples>chess.html로 이동합니다.
체스 앱이 시작되었습니다!
하지만 이것은 정상적인 브라우저에서 시작했을 뿐입니다.
이제이 URL을 복사하여 AltspaceVR의 브라우저 URL 열에 붙여 넣으십시오.
↑ 여기에 http://localhost:8000/examples/chess.html 를 붙여넣기
AltspaceVR에서 체스 앱이 시작되었습니다.
즉, AltspaceVR의 앱 표시 기능은 실은 3D 표시 전용(WebGL 전용?)의 브라우저였다고 하는 것입니다.
앱은 three.js로 작성된 웹 앱이며 Firefox + FireBug에서 디버깅 할 수 있습니다.
3. 공개 웹 서버에 배포
로컬 웹 서버에서 움직이는 것만으로는 Public Space에 Beem해도 자신 이외의 사람은 이 앱을 볼 수 없습니다.
그래서 공개 웹 서버에 AltspaceSDK 세트를 FTP로 업로드합니다.
사쿠라 인터넷 대여 서버를 사용했습니다.
공개 웹 서버에 배치한 URL을 지정하면 전원으로 볼 수 있습니다.
htp // // fjk. 사쿠라. 네. jp / rk / a lts 파세 SDK-s r / 에 mp ぇ s / 치 s. HTML
AltspaceVR에 3D 모델 가져오기
체스의 컷은 obj 파일이 되어 있으므로, 소지의 3D 모델 파일과 바꾸면 AltspaceVR내에 좋아하는 3D 모델을 반입할 수 있을 것 같습니다.
1.3D 모델 준비
VR이라고 하면 튀김이군요.
GOROman식으로부터 주는・어펜드 Ver1.00 을 빌려 표시합니다.
이 파일은 fbx이므로 obj 파일로 변환이 필요합니다.
시행착오의 결과 Visual Studio 2015에서 열고 save as로 obj 형식으로 저장하여 변환할 수 있었습니다.
2. 모델 파일을 웹 서버에 저장
변환하여 생긴 obj, mtl 및 텍스처 파일을 서버에 저장합니다.
/home/afjk/www/work/AltspaceSDK-master/examples/models/chess
3. 체스의 컷과 교환
우선 king과 교환합시다.
chess.html을 편집하여 참조 대상을 변경합니다.
행 101에서 king:과 directory:의 두 위치를 변경합니다.
chess.html var CONFIG = Object.freeze({//constants
boardSize: 700,//chess piece models are scaled to fit the board
tableHeight: 0,//chess board is raised to be on top of table
dragPlaneSize: 1000,//boundary for dragging pieces, should be larger than boardSize
pieces: {
// ★king->から揚げモデルファイル名に変更
// king: {modelFile: 'king', count: 1},
king: {modelFile: 'karaage_vs', count: 1},
queen: {modelFile: 'queen', count: 1},
bishop: {modelFile: 'bishop', count: 2},
knight: {modelFile: 'knight', count: 2},
rook: {modelFile: 'rook', count: 2},
pawn: {modelFile: 'pawn', count: 8}
},
pieceWidth: 16,
board: {modelFile: 'board', width: 50, height: 1},
// ★directoryを自分の公開サーバ上のモデルのURLに変更
// directory: 'https://sdk.altvr.com/examples/models/share/chess',
directory: 'http://afjk.sakura.ne.jp/work/AltspaceSDK-master/examples/models/chess/',
});
결과
튀김, AltSpaceVR에 나올 수있었습니다!
Hanging out in @AltspaceVR 's SDK Collaborator Space. Join me at htps // t. 코/G94VfKyZ7L — afjk (@afjk01) 2015, 10월 10
여기 URL에서도 확인할 수 있습니다.
htp // // fjk. 사쿠라. 네. jp /를 rk / a lts 파세 SDK-s r / 에 mp ぇ s / 치 s s에서 준다. HTML
AltspaceVR, 간단한 전시회 등 되어 버릴 것 같네요.
여러분도 좋아하는 3D 모델을 AltspaceVR에 반입해 보세요.
이상입니다.
Reference
이 문제에 관하여(AltspaceVR에 3D 모델 가져오기), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://qiita.com/afjk/items/0914b2ec8ff580d73136
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
1. 여기 에서 [Download ZIP] 버튼을 클릭하여 AltspaceSDK를 다운로드합니다.
다운로드가 끝나면 적절한 장소에 압축을 풉니 다.
2. 로컬 웹 서버에서 이동
이 절에서는 Prepros을 사용하여 설명합니다.
preprs의 project 폴더에 1로 압축해제한 AltspaceSDK의 폴더를 통째로 드래그 드롭 합니다.
샘플 앱 시작
1. PREVIEW > Open Live Preview를 클릭하면 브라우저가 시작됩니다.
2. 체스 앱 시작
브라우저에서 examples>chess.html로 이동합니다.
체스 앱이 시작되었습니다!
하지만 이것은 정상적인 브라우저에서 시작했을 뿐입니다.
이제이 URL을 복사하여 AltspaceVR의 브라우저 URL 열에 붙여 넣으십시오.
↑ 여기에 http://localhost:8000/examples/chess.html 를 붙여넣기
AltspaceVR에서 체스 앱이 시작되었습니다.
즉, AltspaceVR의 앱 표시 기능은 실은 3D 표시 전용(WebGL 전용?)의 브라우저였다고 하는 것입니다.
앱은 three.js로 작성된 웹 앱이며 Firefox + FireBug에서 디버깅 할 수 있습니다.
3. 공개 웹 서버에 배포
로컬 웹 서버에서 움직이는 것만으로는 Public Space에 Beem해도 자신 이외의 사람은 이 앱을 볼 수 없습니다.
그래서 공개 웹 서버에 AltspaceSDK 세트를 FTP로 업로드합니다.
사쿠라 인터넷 대여 서버를 사용했습니다.
공개 웹 서버에 배치한 URL을 지정하면 전원으로 볼 수 있습니다.
htp // // fjk. 사쿠라. 네. jp / rk / a lts 파세 SDK-s r / 에 mp ぇ s / 치 s. HTML
AltspaceVR에 3D 모델 가져오기
체스의 컷은 obj 파일이 되어 있으므로, 소지의 3D 모델 파일과 바꾸면 AltspaceVR내에 좋아하는 3D 모델을 반입할 수 있을 것 같습니다.
1.3D 모델 준비
VR이라고 하면 튀김이군요.
GOROman식으로부터 주는・어펜드 Ver1.00 을 빌려 표시합니다.
이 파일은 fbx이므로 obj 파일로 변환이 필요합니다.
시행착오의 결과 Visual Studio 2015에서 열고 save as로 obj 형식으로 저장하여 변환할 수 있었습니다.
2. 모델 파일을 웹 서버에 저장
변환하여 생긴 obj, mtl 및 텍스처 파일을 서버에 저장합니다.
/home/afjk/www/work/AltspaceSDK-master/examples/models/chess
3. 체스의 컷과 교환
우선 king과 교환합시다.
chess.html을 편집하여 참조 대상을 변경합니다.
행 101에서 king:과 directory:의 두 위치를 변경합니다.
chess.html var CONFIG = Object.freeze({//constants
boardSize: 700,//chess piece models are scaled to fit the board
tableHeight: 0,//chess board is raised to be on top of table
dragPlaneSize: 1000,//boundary for dragging pieces, should be larger than boardSize
pieces: {
// ★king->から揚げモデルファイル名に変更
// king: {modelFile: 'king', count: 1},
king: {modelFile: 'karaage_vs', count: 1},
queen: {modelFile: 'queen', count: 1},
bishop: {modelFile: 'bishop', count: 2},
knight: {modelFile: 'knight', count: 2},
rook: {modelFile: 'rook', count: 2},
pawn: {modelFile: 'pawn', count: 8}
},
pieceWidth: 16,
board: {modelFile: 'board', width: 50, height: 1},
// ★directoryを自分の公開サーバ上のモデルのURLに変更
// directory: 'https://sdk.altvr.com/examples/models/share/chess',
directory: 'http://afjk.sakura.ne.jp/work/AltspaceSDK-master/examples/models/chess/',
});
결과
튀김, AltSpaceVR에 나올 수있었습니다!
Hanging out in @AltspaceVR 's SDK Collaborator Space. Join me at htps // t. 코/G94VfKyZ7L — afjk (@afjk01) 2015, 10월 10
여기 URL에서도 확인할 수 있습니다.
htp // // fjk. 사쿠라. 네. jp /를 rk / a lts 파세 SDK-s r / 에 mp ぇ s / 치 s s에서 준다. HTML
AltspaceVR, 간단한 전시회 등 되어 버릴 것 같네요.
여러분도 좋아하는 3D 모델을 AltspaceVR에 반입해 보세요.
이상입니다.
Reference
이 문제에 관하여(AltspaceVR에 3D 모델 가져오기), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://qiita.com/afjk/items/0914b2ec8ff580d73136
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
체스의 컷은 obj 파일이 되어 있으므로, 소지의 3D 모델 파일과 바꾸면 AltspaceVR내에 좋아하는 3D 모델을 반입할 수 있을 것 같습니다.
1.3D 모델 준비
VR이라고 하면 튀김이군요.
GOROman식으로부터 주는・어펜드 Ver1.00 을 빌려 표시합니다.
이 파일은 fbx이므로 obj 파일로 변환이 필요합니다.
시행착오의 결과 Visual Studio 2015에서 열고 save as로 obj 형식으로 저장하여 변환할 수 있었습니다.
2. 모델 파일을 웹 서버에 저장
변환하여 생긴 obj, mtl 및 텍스처 파일을 서버에 저장합니다.
/home/afjk/www/work/AltspaceSDK-master/examples/models/chess
3. 체스의 컷과 교환
우선 king과 교환합시다.
chess.html을 편집하여 참조 대상을 변경합니다.
행 101에서 king:과 directory:의 두 위치를 변경합니다.
chess.html
var CONFIG = Object.freeze({//constants
boardSize: 700,//chess piece models are scaled to fit the board
tableHeight: 0,//chess board is raised to be on top of table
dragPlaneSize: 1000,//boundary for dragging pieces, should be larger than boardSize
pieces: {
// ★king->から揚げモデルファイル名に変更
// king: {modelFile: 'king', count: 1},
king: {modelFile: 'karaage_vs', count: 1},
queen: {modelFile: 'queen', count: 1},
bishop: {modelFile: 'bishop', count: 2},
knight: {modelFile: 'knight', count: 2},
rook: {modelFile: 'rook', count: 2},
pawn: {modelFile: 'pawn', count: 8}
},
pieceWidth: 16,
board: {modelFile: 'board', width: 50, height: 1},
// ★directoryを自分の公開サーバ上のモデルのURLに変更
// directory: 'https://sdk.altvr.com/examples/models/share/chess',
directory: 'http://afjk.sakura.ne.jp/work/AltspaceSDK-master/examples/models/chess/',
});
결과
튀김, AltSpaceVR에 나올 수있었습니다!
Hanging out in @AltspaceVR 's SDK Collaborator Space. Join me at htps // t. 코/G94VfKyZ7L — afjk (@afjk01) 2015, 10월 10
여기 URL에서도 확인할 수 있습니다.
htp // // fjk. 사쿠라. 네. jp /를 rk / a lts 파세 SDK-s r / 에 mp ぇ s / 치 s s에서 준다. HTML
AltspaceVR, 간단한 전시회 등 되어 버릴 것 같네요.
여러분도 좋아하는 3D 모델을 AltspaceVR에 반입해 보세요.
이상입니다.
Reference
이 문제에 관하여(AltspaceVR에 3D 모델 가져오기), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://qiita.com/afjk/items/0914b2ec8ff580d73136
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
Reference
이 문제에 관하여(AltspaceVR에 3D 모델 가져오기), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/afjk/items/0914b2ec8ff580d73136텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)