2019-06-22

【Oculus Quest】Oculus Touch Controllerを懐中電灯にする

概要

Oculus Questアプリに、Oculus Touch Controllerの動きに追従する懐中電灯を導入する

f:id:ozdasu:20190622214904g:plain

概要
環境
セットアップ
シーンにCubeとPlaneを追加
- 空間を暗くする
懐中電灯を用意する
シーンにOVRPlayerControllerを追加
シーンにOVRControllerPrefabを追加
Touch Controllerと懐中電灯を紐付ける
- OculusTouchForQuestAndRiftSRightModelのメッシュレンダラーを削除
懐中電灯に光源を設定する
完成
参考

環境

Oculus Quest
Oculus Touch Controller
Unity 2018.4.0f1
Oculus Integration for Unity

セットアップ

シーンにCubeとPlaneを追加

f:id:ozdasu:20190622225545p:plain

空間を暗くする

効果を分かりやすくするため、以下の手順で空間を暗くする

Directional Lightを削除
Asset「10 Skyboxes Pack : Day - Night」をダウンロード&インポート。その中にある「SkyMidnight」をSkyboxに設定

assetstore.unity.com

f:id:ozdasu:20190622225736p:plain — 暗くなった

懐中電灯を用意する

Asset「Flashlight」をAsset Storeよりダウンロード&インポート

assetstore.unity.com

シーンにOVRPlayerControllerを追加

OVRPlayerControllerをシーンに追加
Main Cameraを削除

シーンにOVRControllerPrefabを追加

OVRControllerPrefabをRightControllerAnchor配下に追加
(懐中電灯を右手に持ちたい場合。左手に持ちたい場合、LeftControllerAnchor配下にする)

f:id:ozdasu:20190622223550p:plain

Touch Controllerと懐中電灯を紐付ける

OVRControllerPrefab配下に、Flashlight(懐中電灯のモデル。Flashlight > Model 配下にある)を追加
Flashlightを適切なポジションに回転させる

OculusTouchForQuestAndRiftSRightModelのメッシュレンダラーを削除

このままだと、懐中電灯にくわえ、Touch Controllerも表示されてしまう
そこで、OculusTouchForQuestAndRiftSRightModelのインスペクターより、メッシュレンダラーを削除する

f:id:ozdasu:20190622201937p:plain

これで懐中電灯のみが表示されるようになる

懐中電灯に光源を設定する

Flashlighにスポットライトを追加
スポットライトを懐中電灯の向きと一致するよう回転させる

完成

Oculus Touch Controllerを上下左右に動かすと、懐中電灯と、そこから発せられる光が追従する f:id:ozdasu:20190622214904g:plain

参考

2019-06-18

「VR妄走」大好きなあの子とVRで一緒にランニングしてみた！

企画 VR Oculus Quest Unity 3DCG

f:id:ozdasu:20190613203639p:plain

「VR妄走」CM

「VR妄走」のコンセプトが一発で分かるCMです！
(注：実際にはプレイエリア制限があり、動画のように縦横無尽には走れません)

「推しと一緒なら、キツい運動も楽しくなるのでは…？」という発想から、

VRで葵さん( @takayama__aoi )と一緒にランニングできる「VR妄走」をつくりました！

こちらはコンセプトが一発でわかるCMです！ご覧ください！！！#VR妄走 pic.twitter.com/ZK7AkBrpId
— オズ (@OzDotObj) 2019年6月12日

「VR妄走」CM
目次
概要
- 「VR妄走」の機能
使用したツール
制作
①葵さんの3DCGモデル作成
②「葵さんと一緒に走れる」機能の実装
③「10分に1回、葵さんが音声で励ましてくれる」機能の実装
④完成
課題
ソースコード
参考文献
- Oculus
  - Oculus Quest
  - Oculus Go
- Unity
- Avater Maker
- Blender

概要

「大好きなあの子と一緒なら、キツい運動も楽しくなるのでは…？」という発想から、VR空間で葵さん(僕が応援している女優)と一緒にランニングができるOculus Questアプリ「VR妄走」をつくった

f:id:ozdasu:20190428154341j:plain — 叩き台となったイラスト

「VR妄走」の機能

葵さんと一緒に走れる
10分に1回、葵さんが音声で励ましてくれる

使用したツール

Oculus Quest
Unity 2018.4.0f1
Blender 2.79b

Oculus Quest

f:id:ozdasu:20190618190127j:plain

Oculus社のHMD
動作にPCが不要
6DoF
- 身体の動きを捕捉できる
Androidベース
2019年5月21日に発売された
発売したばかりで知見が溜まっていないので、Questと共通点の多い(スタンドアロン型でAndroidベース)Oculus Goのノウハウを応用する

Oculus Questを選んだ理由

スタンドアロンで動作し、身体の動きをセンシングできるので、本企画(ランニング)にピッタリだと思った
- 身体の動きと連動させてVR空間内を走り回れるようにしたかったが、結局コントローラーで操作することにした
- 次のバージョンでは身体に連動させたい

Unity

ゲームエンジン
ゲーム以外のコンテンツもつくれる
- Oculus Questアプリも開発できる
Oculus推奨バージョンの2018.4 LTSを利用
- Compatibility and Version Requirements

Blender

3DCGを制作・編集できるソフト

制作

①葵さんの3DCGモデル作成

頭をつくる

写真からメッシュとアバターを生成できるUnityプラグイン「Avater Maker」で葵さんの頭をつくる

元画像

f:id:ozdasu:20190521215013j:plain

結果

髪は後からつけたもの f:id:ozdasu:20190521215118p:plain

生成したメッシュとアバターをFBX exportし、Blenderにimportする

胴体をつくる

胴体は、他の方が制作したモデルを流用
流用元のモデルは、MoxRig
- フリーリグ｜3DCGアニメーションを手付けモーションでより魅力的に。株式会社モックス
BlenderでMoxRigを解体し、胴体を葵さんの頭と合体する
- Blender で一体になったモデルを部品に分解する - しっぽを追いかけて

f:id:ozdasu:20190618200401p:plain — MoxRig(胴体のみ)

頭と胴体のメッシュを結合

【Blender】ボーンを入れる（リギング）ための基本手順 - おもちゃラボ
- 「メッシュを１つのメッシュにまとめる」の項を参照

f:id:ozdasu:20190618200620p:plain

モデルが完成。MoxRigにはあらかじめリグが通されているので、別途、設定する必要はない
FBX形式でexportし、Unityにimport。Mecanimを設定する

②「葵さんと一緒に走れる」機能の実装

VR空間とのインタラクション
- プレイヤーは、VR空間とどうやってインタラクションするか
- VR空間は、どのようにして、「プレイヤーが走っている」ことを認知するか
葵さんとプレイヤーを移動させる
移動と同時に、葵さんに「走る」アニメーションを付ける
- アニメーションを付けないと、身体が硬直したまま、ムーンウォークのように移動してしまう

当該機能のスクリプト

以下のスクリプトをOVRPlayerController(プレイヤーのGameObject)に追加

using UnityEngine;

public class Run : MonoBehaviour
{
    GameObject aoi;
    Animator aoiAnimator;

    private void Start() // ゲーム開始時に実行される
    {
        aoi = GameObject.Find("Aoi");
        aoiAnimator = aoi.GetComponent<Animator>();
    }

    private void Update() // フレームが更新されるごとに実行される
    {
       OVRInput.Update();

        if (OVRInput.Get(OVRInput.Button.One)) // TouchControllerのButton.Oneが押されていれば
        {
            // Animator ControllerのisIdleパラメーターをFalse、isRunパラメーターをFalseに
            aoiAnimator.SetBool("isIdle", false);
            aoiAnimator.SetBool("isRun", true); 
            Invoke("MoveFoward", 2.0f); 
        } else { // TouchControllerのButton.Oneが押されていなければ
　　　       // Animator ControllerのisRunパラメーターをFalse、isIdleパラメーターをTrueに
            aoiAnimator.SetBool("isRun", false); 
            aoiAnimator.SetBool("isIdle", true); 
        }
    }

    void MoveFoward()
    {
　　    // 葵さんが、Z方向に、前回のフレームから経過した時間×3、移動する
       aoi.transform.Translate(0, 0, Time.deltaTime * 3);

       // プレイヤーが、Z方向に、前回のフレームから経過した時間×3、移動する
       transform.Translate(0, 0, Time.deltaTime * 3); 
    }
}

VR空間とのインタラクション

VR空間とのインタラクションには、Oculus TouchControllerを用いる

f:id:ozdasu:20190618185041j:plain f:id:ozdasu:20190618184728p:plain

TouchControllerのButton.Oneを押すと葵さんとプレイヤーが走り、離すと止まる

       OVRInput.Update();

        if (OVRInput.Get(OVRInput.Button.One)) // TouchControllerのButton.Oneが押されていれば
        {
            // Animator ControllerのisIdleパラメーターをFalse、isRunパラメーターをFalseに
            aoiAnimator.SetBool("isIdle", false);
            aoiAnimator.SetBool("isRun", true); 
            Invoke("MoveFoward", 2.0f);  // 2秒後に実行
        } else { // TouchControllerのButton.Oneが押されていなければ
　　　       // Animator ControllerのisRunパラメーターをFalse、isIdleパラメーターをTrueに
            aoiAnimator.SetBool("isRun", false); 
            aoiAnimator.SetBool("isIdle", true); 
        }

葵さんとプレイヤーを移動させる

Transform-Translate - Unity スクリプトリファレンス

    void MoveFoward()
    {
　　    // 葵さんが、Z方向に、前回のフレームから経過した時間×3、移動する
       aoi.transform.Translate(0, 0, Time.deltaTime * 3);

       // プレイヤーが、Z方向に、前回のフレームから経過した時間×3、移動する
       transform.Translate(0, 0, Time.deltaTime * 3); 
    }

葵さんにアニメーションを付ける

アニメーションは、Unityプラグインの「Mecanim Locomotion Starter Kit」から「Humanoid Idle(停止時)」と「Humanoid Run(走行時)」を利用

Animator Controller

開始時はIdleアニメーション
isRunがTrueならRunアニメーションを開始
isIdleがTrueならIdleアニメーションを開始

f:id:ozdasu:20190618184116p:plain

③「10分に1回、葵さんが音声で励ましてくれる」機能の実装

葵さんのGameObjectに、AudioSourceとして「励ましの音声」を追加
加えて、以下のスクリプトをコンポーネントに追加

using UnityEngine;

public class Cheer : MonoBehaviour
{
    public float span = 600.0f;  // 600秒=10分
    private float currentTime;
    private AudioSource audioSource;

    void Start()  // ゲーム開始時に実行される
    {
        audioSource = gameObject.GetComponent<AudioSource>();
    }

    void Update()  // フレームが更新されるごとに実行される
    {
        currentTime += Time.deltaTime;  // 前回のフレーム更新からの経過時間を足す
        if (currentTime > span)  // 前回の声援から10分経っていれば
        {
            audioSource.Play(); // 励ましの音声を再生する
            currentTime = 0.0f;
        }
    }
}