# Portalgraphアプリ作成チュートリアル ### 必要なもの * Webカメラ付きでUnityが動くPC * Portalgraphランタイムのインストール * Unity 2019.4以上 * 赤青3Dメガネ\ [https://www.stereoeye.jp/shop/index.html](http://toy-box.shop-pro.jp/?pid=4563970) (推奨)\ ## アセット使用手順 ### プロジェクトの作成まだ作成してない場合は、Unity Hubから新規プロジェクトを作成します。テンプレートは3D(Built-in Render Pipeline)を選択してください（URP、HDRPも使用可能）。

### アセットのインポート ### PortalgraphアセットのインポートメニューのAssets→Import Packages→Cusom Packageからportalgraph.unitypackageを選択して、プロジェクトにアセットをインポートする。

#### TextMesh Pro設定 TextMesh ProのEssential Resourcesをインポートする。メニューのWindow→TextMeshPro→Import TMP Essential Resourcesをクリックしてインポートする。

### シーンの作成 Unity上でシーンを作成し、座標(0,0,0)にProject内のPortalgraph/Portalgraphプレハブを配置します。Portalgraph/ScreenCenterの座標が、表示画面の中心点になります。\ また、座標(0,0,0)に**サイズが(0.1, 0.1, 0.1)のCube（あなたのPCのモニターより小さいサイズ）**を配置します。

### ビルドメニューのFile→Build Settingsをクリックします。

Add Open Scenesをクリックして現在のシーンをScenes in Build追加、Buildをクリックしてビルドします。

### 実行 Portalgraphアプリケーションの実行にはPortalgraphランタイムのインストールが必要です。\ ランタイムのインストール後に出力された実行ファイルを実行すると、自動でカメラトラッキングアプリが起動します。

カメラドロップダウンから使用するWebカメラを選択し、「適用」をクリックすれば顔の座標を追跡します。\ キャリブレーションをクリックするとカウントダウンが始まるので、カメラ真正面50cmの場所に目が来るように待機すれば自動で数値が設定されます。

作成したアプリの画面に戻ると、初めてPortalgraphを実行する場合は、自動で画面サイズの入力画面が表示されるので（初めてではない場合はF12を押して、「次へ」→「カメラ」をクリック）、入力してOKを押して、次の設定画面を閉じます。

以上で、様々な角度から3Dで見ることが出来るPortalgraphアプリケーションが出来ます。アナグリフ（赤青）3Dメガネを掛けて体験を楽しんでください。操作は、\ \ WASDRF…前後左右上下移動（Shiftと同時押しで低速移動）\ QE TG ZC…左右、上下、傾き回転（Ctrlと同時押しで90度回転）\ 12…スケール変更（Shiftと同時押しで低速化）\ 3…スケールリセット画面のサイズ、傾きに合わせてちょうどいいカメラ位置、角度、スケールに合わせてください。 #### うまく動かないときのチェックポイント * カメラトラッキングアプリが動かない場合は、最新版のVC++ランタイムをインストールしてください。 * 何も表示されない場合\ 画面に配置したCubeのサイズは(0.1, 0.1, 0.1)になっていますか？Portalgraphは実際のサイズで表示するので、画面より大きい物体は表示できません。1キーを押すとスケールが縮小されるので、試してみてください。