UnityでTHETAの画像をジャイロでグリグリ動かすアプリを作る

タイトル長いですが、Unityを使って、THETAの画像を、iPhoneのジャイロで、グリグリ動かすアプリを作ります。

Unityの環境とiOSのビルド環境があることが前提です(UnityはたぶんFreeで大丈夫だと思います)。もっとよい方法があればレスいただけると嬉しいです。

プロジェクトはこちらに置いてあります。

ThetaGyroViewer

最初に全天球のオブジェクトを作成します。必要なものは次の2つです

THETAなど全天球の画像

内側を向いた全天球の3Dモデル

全天球の3DモデルはUnityの伊藤さんが公開してくれているので、これを利用します。

この2つが準備できたらAssetsに入れます。

SphereモデルをHierarchyに入れ、テクスチャにTHETAの画像をはります。また、ShaderをUnlit/Textureに変更します。

続いてShererモデルのScaleを変更します。10くらいがちょうどよさそうです。このままだと画像が反転していたので、Zのみマイナスの値にしました。

次にカメラを天球モデルの中心に移動します。Positionをすべて0にします。

これでTHETAの画像が見えるようになりました。

続いてジャイロの部分を作ります。

GyroCameraControllerというスクリプト(ここではC#)を作成し、Main Cameraに設定します。

コードは「UnityでGoogleストリートビューを使ったハコスコ対応アプリを作る - Qiita」のコードを使います。

先のリンクの「MyCameraController 」のコードをGyroCameraControllerに書きます。

using UnityEngine;
using System.Collections;

public class GyroCameraController : MonoBehaviour {
    void Update () {
        Quaternion gyro = Input.gyro.attitude;
        this.transform.localRotation = Quaternion.Euler(90, 0, 0) * (new Quaternion(-gyro.x, -gyro.y, gyro.z, gyro.w));
    }
}

これでiOS用に出力します。端末をぐるぐる回すのでPlayer Settingsから画面の向きをLandscape固定にします。