Hubsを活用したバーチャルキャンパス作成の手順メモ
※このページはバーチャルキャンパス作成プロジェクト ＠ 神奈川工科大学のためのチュートリアルページとして作成しています。 バーチャルキャンパスを作成するためにOpenStreetMapから建物情報を含む3D地図データを取得し，Blenderにインポートするまでの流れを紹介します。（後日，Hubsに反映するところまで追記します。）
1. 大まかな手順
STEP 0: Blenderのインストール
STEP 1: OpenStreetMapから地図・建物情報（.osm）を取得するため位置を指定
https://gyazo.com/e1849bd6da810876f74a545d2c10d9d5
STEP 2: 位置を指定して3D地図情報をBlenderへインポート
https://gyazo.com/8d7cf2b2601f31d1fcfc6a702739e62e
STEP 2-1: .osmファイルをBlenderへインポート
STEP 2-2: 余計な部分を消す
STEP 2-3: テクスチャを貼る
STEP 2-4: glbファイルをエクスポート
STEP 3: Spokeへglbファイルをインポートしてシーン作成
https://gyazo.com/c01b5d668abe483e4c547e07851a7145
STEP 4: Hubsへシーンを反映
https://gyazo.com/9cbbbad5aae7352d68d535559cf66df1
２. 手順詳細
STEP 1: OpenStreetMapから地図・建物情報（.osm）を取得するため位置を指定
※Blendeから直接地図を起動し位置を指定する（STEP 2-3の方法２）際にはこの手順は不要ですが，全体の流れが理解しやすいので記述しています。
① 画面上部の「エクスポート」をクリック
②ドラッグして情報を取得する場所を指定し， 左部の「エクスポート」の下欄にある位置座標をメモ（後で使用します）
https://gyazo.com/abe6f6d18c52fd5f8c678ee23b184fa9
STEP 2: 位置を指定して3D地図情報をBlenderへインポート
STEP 2-1: 地図情報(.osm)をインポートするBlenderアドオン blender-osm をダウンロード
GPL ライセンスで無償利用可能なblender-osm (the base version)はこちら
＄欄に好きな金額（0も可）を入れて「支払う」をクリックしメールアドレスを登録するとダウンロードできる
https://gyazo.com/2e44d0f68a413851127680dc83d6e858
STEP 2-2: Blenderのアドオンにblender-osmを追加（公式ドキュメント）
https://gyazo.com/142189cb9c46dda2265c1e2926ef0adf
① Blenderの「編集」→「プリファレンス」→「インストール」から先程ダウンロードしたblender-osm.zipを選択し「アドオンをインストール」をクリック
② 検索ボックスに「osm」と記入
③「有効化アドオンのみ」のチェックをはずす
④「import-Export blender-osm 」にチェックを入れる
osmファイルをダウンロードするフォルダを指定
⑤チェックボックスの左の「▶」をクリックし詳細設定を開く（クリックすると「▼」に変わります）
⑥「設定」の「Directory to store downloaded ... 」でフォルダアイコンをクリックし.osmファイルをダウンロードするフォルダを指定
以上が設定できたらプリファレンスを閉じる
STEP 2-3: blender-osmに地図情報（.osm）をインポート
Blenderの「Layout」タブ（起動時のデフォルト）ビュー画面と右側ツリーの境目にある「<」をクリックしてosmタブを開く（わかりにくいので下図を参照してください）
https://gyazo.com/5ccf0962f46ba2d3a2767daadc491fa8
位置情報を指定してosmデータをインポート
https://gyazo.com/3103d54863d64f7f087fc198435a625e
①「osm」タブをひらく
②「blender-osm」→「Extent:」でインポートする地図の位置情報を指定
方法１：STEP 1 で確認した位置情報を手入力で記入する
方法２（オススメ！）：※この方法だとSTEP 1は不要です
③「select」をクリックしブラウザで地図を起動
ブラウザの地図上で大まかな場所を選択したら「２」の「Show slection rectangle」をクリック
四角形を調整し範囲を指定
「４」の「Copy」をクリックして範囲の座標値（Coordinates）をコピー
④Blenderに戻り「past」をクリックして座標値を貼り付け
⑤「import」をクリックし地図情報をインポート
https://gyazo.com/dbad072e84f0792576b507f4e4fb66fc
以上でBlender上に3D地図情報をインポートすることができました。
STEP 3 以降は前述の 1. 大まかな手順 の方を参考にしてください。
参考サイト
Blender Addon Review: 地形マップ(.osm）インポートアドオン（Import OpenStreetMap (.osm)）
情報が古いようで手順が変わっているようです
【Blender2.8入門】モデリングを始める④ テクスチャの貼り方
その他
https://www.youtube.com/watch?v=F_XsmoZJmG8
Blender GISを利用して街並みを作ってみる
https://gyazo.com/71c7de59f100448c29cdb7f29fbd171b
Communication Robotics Lab.