AltspaceVR에 3D 모델 가져오기

소개



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에 반입해 보세요.

이상입니다.

좋은 웹페이지 즐겨찾기