spoke操作マニュアル
基本操作編1はじめにこのガイドは、spokeの概要や活⽤イメージの説明から、spokeの各機能を実際にお試しいただくための初期設定から基本操作などのご説明資料になります。
また、V-air上の空間モデルを⾃由にカスタマイズができることを⽬標にしています。
ご⾃⾝の状況に合わせて必要なページをご確認ください。

操作マニュアルの改善のために、ご利⽤になったご感想やご要望を伺えますと幸いです。
弊社カスタマーサクセス担当者までご連絡ください。

Strictly Private and Confidential

Copyrights © Urth inc. All rights reserved

目次
1.
2.

3.

Spokeの概要
1.1.
spokeとは初期設定を⾏う

4.

チュートリアル4.1.
プロジェクトを作成する
4.2.
オブジェクトを配置する

2.1.

V-airのアカウント作成

4.3.

オブジェクトの位置を調整する

2.2.

Spokeファイルの読み込み⽅‧V-airへの公開⽅法

4.4.

オブジェクトの向きを調整する

2.3.

V-airの管理画⾯について（URL発⾏）

4.5.

オブジェクトの大きさを調整する

2.4.

データの拡張⼦について

4.6.

オブジェクトを複製する

2.5.

spokeデータサンプル

4.7.

カメラの位置を調整する

基本操作を⾏う

4.8.

Save（保存）する

3.1.

インターフェースの概要説明

4.9.

V-airに公開・ルームに入る

3.2.

Viewport上の操作

3.3.

写真を配置する

3.4.

リンクの設定3.5.

オーディオの設定

3.6.

オーディオゾーンの設定

3.7.

メディアフレームの設定

3.8.

スポーンポイントの設定

3.9.

ワープポイントの設定

3.10.

スカイボックスの設定

3.11.

セーブやインポート、エクスポート

3.12.

V-airへの公開設定

Strictly Private and Confidential

Copyrights © Urth inc. All rights reserved

spokeの概要
1.1 spokeとはStrictly Private and Confidential

Copyrights © Urth inc. All rights reserved

Spokeとは●●

V-airは、Webで参加できるVR空間サービス
Spokeは、V-airのVR空間（ルーム）を作成するためのオンラインエディタツール

エンドユーザー

V-airSpoke
テキスト

V-air上で利用可能なルームを作成するツール

URLをタップするだけで VR空間を楽しめる
Strictly Private and Confidential

Copyrights © Urth inc. All rights reserved

初期設定を行う
2.1 V-airのアカウント作成
2.2 Spokeファイルの読み込み⽅‧V-airへの公開⽅法
2.3 V-airの管理画⾯について
2.4 V-airの管理画⾯について（URL発⾏）
2.5 データの拡張⼦について
2.6 spokeデータサンプル

Strictly Private and Confidential

Copyrights © Urth inc. All rights reserved

V-airのアカウント作成方法❶こちらのリンクから右上のサインインでメールアドレスを入力❷入力したメールアドレス宛にログインURLが届くのでメールボックスを開き、ログインURLをクリックしてサインインを行う❸Urthの担当者に作成したアカウントのメールアドレスを共有❹Urthの担当者がアカウントに編集権限を付与する

Strictly Private and Confidential

Copyrights © Urth inc. All rights reserved

Spokeファイルの読み込み方・V-airへの公開方法 (1/3)❶こちらのV-airの管理画面リンクにてログイン後、Spokeの管理画面リンクにログイン❷New Projectを押し、New Empty Projectを押す❸画面が切り替わったら、左上のハンバーガーボタンを押し、Fileを押す❹下から2番目の import legcy .spoke project を押し、OK を選択する❺ダウンロードフォルダより、spokeデータ（.spoke）を押しファイルを開く
v-air -❸❹

Strictly Private and Confidential

Copyrights © Urth inc. All rights reserved

SPOKEファイルの読み込み方・V-airへの公開方法(2/3)❺素材が反映されたら、右上の「Publish Scene」を押し、「Save Project」を押す
次に「Save and Publish」を押し、再度「Publish Scene」を押す （100%まで待ちます）❻Uploading 終了すると、右上の「Publish Scene」の左横に「Open Scene」が出現するので「Open Scene」を押す※データ容量が128MBを超えると「Publish Scene」ができなくなるのでご注意ください※Scene Nameは英字のみでないとエラーが発生するのでご注意ください❻❺

Strictly Private and Confidential

Copyrights © Urth inc. All rights reserved

SPOKEファイルの読み込み方・V-airへの公開方法 (3/3)❼別タブにて「このシーンで部屋を作成」を押してプロジェクトにルームを作成します❽「ルームに入る」を押すとV-air上でルームに入れます

参考動画はこちら❽❼

Strictly Private and Confidential

Copyrights © Urth inc. All rights reserved

V-airの管理画面について（URL発行）❶こちらのリンクからV-airの管理画面にログイン❷V-airのルームURLを発行できます❷

Strictly Private and Confidential

Copyrights © Urth inc. All rights reservedデータの拡張子について●

V-airののVR空間では、3Dモデルの拡張子「.glb」という拡張子のみ展開可能です●

Unityのアセットストアでダウンロードしたデータの拡張子をご確認いただき「.glb」という形式であれば展開可能●

また、上記以外の拡張子の場合、下記の拡張子はBlendarという無料ソフトにて「 .glb」への変換が可能です○

dae .abc .usd .obj .bvh .svg .ply .stl .fbx
※3Dモデルの拡張子が「.glb」出なかった場合は、Blenderというソフトをダウンロードいただき、Blender内で、「.glbデータ」として出力変換してください

Strictly Private and Confidential

Copyrights © Urth inc. All rights reserved

spokeデータサンプル●オフィスエントランス

Strictly Private and Confidential

Copyrights © Urth inc. All rights reserved基本操作を行う
3.1 インターフェースの概要説明
3.2 Viewport上の操作
3.3 画像や写真を配置する
3.4 リンクの設定
3.5 オーディオの設定
3.6 オーディオゾーンの設定
3.7 メディアフレームの設定
3.8 スポーンポイントの設定
3.9 ワープポイントの設定
3.10 スカイボックスの設定
Strictly Private and Confidential

Copyrights © Urth inc. All rights reservedインターフェースの概要説明 (1/5)❶ワールド：編集するSpokeの3D空間❷ギズモ：3D空間を編集する際に出現する物体で、基本的にギズモをX,Y,Z軸（赤色矢印（横軸）、緑色矢印（縦軸）、青色矢印（高さ軸））で編集することでワールド内設定をする※spoke上での操作はマウスを使用することをおすすめします❶

Strictly Private and Confidential❷

Copyrights © Urth inc. All rights reservedインターフェースの概要説明 (2/5)❶ドロップダウンメニュー：保存、名前を付けて保存、ファイルのエクスポート、Spokeに関するヘルプなどのオプションメニュー❷Publish Scene：このボタンをクリックするとパブリッシュダイアログが表示され、v-airにパブリッシュする前にシーンの情報を編集することができます❶・ドロップダウンメニューの詳細は下記の通りです❷

Back to Project：spokeの管理画面に戻る
File：プロジェクトを作成したり、保存など※Blenderで編集する場合は、Expoet as binaryglTFにてgltbデータに変換して保存をしてください
Help：Spokeに関するヘルプ
Developper：追加機能を使用する際に必要なため「オン」を選択
Submit Feedback：ツールのアンケート
Strictly Private and Confidential

Copyrights © Urth inc. All rights reservedインターフェースの概要説明 (3/5)❸変換ツール（下記の通り、選択しているオブジェクトの位置、回転、大きさを変更できます）
Translate（位置）：矢印をドラッグして、X、Y、Z軸に沿ってオブジェクトを移動します
Rotate（回転）： ギズモのリングをドラッグして、X、Y、Z軸に沿ってオブジェクトを回転させます
Scale（大きさ）：ギズモの中央の立方体をドラッグして、オブジェクトを拡大／縮小します❸

Strictly Private and Confidential

Copyrights © Urth inc. All rights reservedインターフェースの概要説明 (4/5)❹グリッドツール（左から順番にご説明）
Toggle Transform Space：ギズモをオブジェクトのXYZからワールドのXYZに向けて変更します
Toggle Transform Pivot：ピボットの計算方法を中央、下、選択のいずれかに設定できます
Toggle Snap Mode：スナップモードを切り替える（オンオフでギズモを動かす角度と位置を決められる）
Toggle Grid Visibility：グリッドの表示・非表示を切り替えます（グリッドの高さも数値で変更可能）
・Toggle Transform Spaceは、オグジェクトの操作時にWorldを選択するとワールド全体のX,Y,Z軸に従って動かすことができるがSelectionを選択すると、選択したオブジェクトを基準にして動かすことができる
・Toggle Transform Pivotは、ギズモが置かれる位置を変更できる→Selection(選択しているオブジェクトの中心にギズモを配置),Center(複数選択時、中心にギズモを配置),Bottom(オブジェクトの下部分にギズモを配置)
Strictly Private and Confidential

Copyrights © Urth inc. All rights reserved❹インターフェースの概要説明 (5/5)❶Viewport：3Dのオブジェクトを配置するワールドのエリア❷Assets：モデルや機能を選択し、ワールドに配置します❸Hierarchy：ワールドに設定されているオブジェクトや機能が全て見ることができる場所です❹Properties：Hierarchyで選択されているオブジェクトのステータスを管理する場所です※Position（位置）、Rotation（回転）、Scale(大きさ)の他に、そのオブジェクト固有の機能やアニメーション、テクスチャなどを選択できます❶❸❹空間作成の流れは下記の2通りです
・Assetsからモデルを選択してワールドに配置→Propertiesでパラメータを調整
・画面上またはHierarchyからモデルを選択→Propertiesでパラメータを調整❷
Strictly Private and Confidential

Copyrights © Urth inc. All rights reservedViewport上の操作（カメラ移動）●

カメラ回転、オブジェクト選択：左マウスボタンを押してドラッグ●

拡大、縮小：マウスホイール回転●

Flyモード：右マウスボタン長押し※WASD：カメラを前後左右に移動できる ※Shiftキー同時押し：早く動く

Strictly Private and Confidential

Copyrights © Urth inc. All rights reservedViewport上の操作（オブジェクト選択時の操作）●

F：オブジェクトをビューポート中央に●

Q/E：オブジェクト回転●

G：握る ※握るとカーソルで自由に動かすことができる

・オブジェクトを動かすときは基本的に、右記の矢印のカタマリ、「ギズモ」を使います
・各矢印は赤：X軸、緑：Y軸、緑：Z軸の向き

Strictly Private and Confidential

Copyrights © Urth inc. All rights reservedViewport上の操作（Stats、Lit）❶Stats：メモリの使用量を表示する※Trianglesが100000を超えると3Dモデルが重たくなる❷Lit：表示の方法を変更できる※光の影響がある状態で表示をする（Lit）か、光の影響がない状態で表示をするか（Unlit）、影のある状態で表示をするか（Shadows）❶

Strictly Private and Confidential❷

Copyrights © Urth inc. All rights reserved

画像や写真を配置する●

AssetsのElementsにあるimageを選択し、画像や写真を表示します●

デフォルトで用意されている画像はありませんが、ドラッグ&ドロップで手持ちの画像を追加することができます※通常の画像に加え、背景透過pngやgifにも対応しています。

●

配置した画像や写真をクリックして、「LinkHref」にURLを添付すればV-air上で画像をクリックした際にリンクに飛ばすことが可能になります

Strictly Private and Confidential

Copyrights © Urth inc. All rights reservedリンクの設定●

AssetsのElementsにあるlinkを選択し、リンクを設定することができる●

V-air上でクリックするとページを開くか、参照したオブジェクトに飛びます●

オブジェクトにワープさせたい場合は「#オブジェクト名」と書きます。
※ただし、リンク内に半角スペースがあるとうまく機能しないのでご注意ください

Strictly Private and Confidential

Copyrights © Urth inc. All rights reservedオーディオの設定●

AssetsのElementsにあるaudioを選択し、BGMや音楽を流すことができます●

デフォルトの状態では空間全体に流れるというより、設置した場所からの距離によって音が増します※BGMはspoke内で提供されており、Assets→Hubs Sound Packにて様々なシーンに合わせたBGMや雑音が用意されています

Strictly Private and Confidential

Copyrights © Urth inc. All rights reservedオーディオゾーンの設定❶AssetsのElementsにあるAudio Zoneを選択し、立体系のボックスを配置する❷ボックスの位置や角度、大きさはPropertiesのPosition、Rotation、Scaleで変更できます❸配置したボックス内から外に流れる音量を編集したい場合はAudio Zoneの「in out」をチェック配置したボックス外からボックスの内に流れる音量を編集したい場合はAudio Zoneの「inout in」をチェック
Override Audio Settingsをチェックし、Volumeを編集すれば「in out」or「inout in」の音量を編集できます

❷
参考
動画
はこちら❶
❸
Strictly Private and Confidential

Copyrights © Urth inc. All rights reserved

メディアフレームの設定❶AssetsのElementsにあるMedia Frameを選択し、立体系のボックスを配置する❷メディアフレームは、V-air上でメディアオブジェクトをスナップ（ピン留め）させたい領域を指定できます❸メディアフレームは、ボックスの位置や角度、大きさはPropertiesのPosition、Rotation、Scaleで変更できます
また、2Dメディアと3Dモデルの両方をスナップ（ピン留め）可能で「Media Type」でスナップ（ピン留め）を可能にするメディアの種類を選択できます❷❸❶
Strictly Private and Confidential

Copyrights © Urth inc. All rights reservedスポーンポイントの設定❶AssetsのElementsにあるSpawn pointを選択し、人型のオブジェクトを配置する❷スポーンポイントとは、V-airのルームに入室した際のスタート地点のことで、スポーンポイントの位置は自由に編集できます❷❶

Strictly Private and Confidential

Copyrights © Urth inc. All rights reservedワープポイントの設定❶AssetsのElementsにあるway pointを選択し、人型のオブジェクトを配置する※画像でワープポイントを設定する場合はUrthカスタマーサクセス担当までご連絡ください❷way pointのClickableにチェックを入れる※Nameで名前をわかりやすくするとV-airでワープポイントが分かりやすくなります❸V-airのワープボタンをクリックし、ワープポイントを選択すれば配置したway pointにワープできます

参考動画
はこちら❶
❷
Strictly Private and Confidential

Copyrights © Urth inc. All rights reservedスカイボックスの設定❶HierarchにあるSkyboxをクリックすると既存のスカイボックスを微調整することができる❷Propertiesにて、日中の時間、緯度、輝度、散乱量、散乱線の距離、水平線の始点、地平線の終わりを調整できます❸カスタムスカイボックスを追加することはできないが、既存のスカイボックスを隠すために、シーンの中に360°の画像を挿入するという方法があります❸❶❷

Strictly Private and Confidential

Copyrights © Urth inc. All rights reservedチュートリアルを行う
4.1 プロジェクトを作成する
4.2 オブジェクトを配置する
4.3 オブジェクトの位置を調整する
4.4 オブジェクトの向きを調整する
4.5 オブジェクトの⼤きさを調整する
4.6 オブジェクトを複製する
4.7 カメラの位置を調整する
4.8 Save（保存）する
4.9 V-airに公開‧ルームに⼊る
Strictly Private and Confidential

Copyrights © Urth inc. All rights reservedプロジェクトを作成する（既存プロジェクトの編集）❶Spokeの管理画面にログインする https://v-air.world/spoke/projects❷New Projectを押し、New Empty Projectを押す❸画面が切り替わったら、左上のハンバーガーボタンを押し、Fileを押す❹下から2番目の import legcy .spoke project を押し、OK を選択する❺ダウンロードフォルダより、spokeデータ（.spoke）を押しファイルを開く ※Spokeデータサンプル❸※設計事務所に作成していただいたデータはUrthが管理しているため、自社で編集する際はUrthのカスタマーサクセス担当者までご連

❹

絡ください

Strictly Private and Confidential

Copyrights © Urth inc. All rights reservedオブジェクトを配置する❶画像データを「Assets」にドラッグ&ドロップする❷「My Assets」の「Images」を選択する❷❶
Strictly Private and Confidential

Copyrights © Urth inc. All rights reservedオブジェクトの位置を調整する❶オブジェクトの位置を調整する方法は2つあります
方法1：ワールド内で調整する
左上の4方向の矢印（[T]translate）のモードが選択し、赤・青・緑の矢印をそれぞれ矢の方向に引っ張る
方法2：「Properties」で調整する「Position」の「x」「y」「z」の値を直接編集する❶

Strictly Private and Confidential

Copyrights © Urth inc. All rights reservedオブジェクトの向きを調整する❶オブジェクトの向きを調整する方法は2つあります
方法1：ワールド内で調整する左上の2方向の矢印（[R]Rotate）のモードを選択し、調整したい向きの円（赤・青・緑）を左クリック&ホールドする
方法2：「Properties」で調整する「Rotation」の「x」「y」「z」の値を直接編集する❶

Strictly Private and Confidential

Copyrights © Urth inc. All rights reservedオブジェクトの大きさを調整する❶オブジェクトの大きさを調整する方法は2つあります
方法1：ワールド内で調整する左上の2方向の矢印（[Y]Scale）のモードを選択し、真ん中の白い立方体をクリック&ホールドする
方法2：「Properties」で調整する「Scale」の「x」「y」「z」の値を直接編集する❶拡大は右上、縮小は左下へ

Strictly Private and Confidential

Copyrights © Urth inc. All rights reservedオブジェクトを複製する❶右クリックして「Duplicate」を選択※複製後はオブジェクトが重なっており、複製したことが認識しづらいですが複製は完了しているので配置を変更しましょう❶

Strictly Private and Confidential

Copyrights © Urth inc. All rights reserved

カメラの位置を調整する❶「Hierarchy」から「Scene Preview Camera」を選択する❷「Properties」の「Set From Viewport」を選択するとカメラが撮っている視点へ移動するので、撮影したいワールドが見えるように調整する❸主にカメラは、ロビーの開始点（V-airのルームに入る前の場所）、サムネイルの画像（作成したルームは、URLで共有することができますが、その時に表示されるプレビュー画像等）で活用されます❶❷
Strictly Private and Confidential

Copyrights © Urth inc. All rights reserved

Save（保存）する❶ハンバーガーメニューの横三本線→File→Save Project または Save Asのボタンを押すと保存できます
Save Asを押した場合は、「Save Project」を押すと保存完了です※ここで出てくる画像が、カメラで撮ったワールド画像になっております

Strictly Private and Confidential

Copyrights © Urth inc. All rights reserved

V-airに公開・ルームに入る❶右上の「Publish Scene」を押し、「Save Project」を押す
次に「Save and Publish」を押し、再度「Publish Scene」、「ok」を押す （100%まで待ちます）❷Uploading 終了すると、右上の「Publish Scene」の左横に「Open Scene」が出現するので「Open Scene」を押す❸別タブにて「このシーンで部屋を作成」を押し、「ルームに入る」を押すとV-air上でルームに入れます❷❶❸

Strictly Private and Confidential

Copyrights © Urth inc. All rights reserved

Thank you！

41
Copyrights © Urth inc. All rights reserved