古い Unity* ゲームを VR 向けに更新する

Size: px

Start display at page:

Download "古い Unity* ゲームを VR 向けに更新する"

のぶあきうとだ
7 years ago
Views:

古い Unity* ゲームを VR 向けに更新するこの記事はインテルデベロッパーゾーンに公開されている Updating Older Unity* Games for VR の日本語参考訳です多くの開発者によってこれまでに PC およびモバイルデバイス向けの素晴らしい Unity* ゲームが作成されてきました Unity* 3D に VR 機能が統合されたことで VR

1 古い Unity* ゲームを VR 向けに更新するこの記事はインテルデベロッパーゾーンに公開されている Updating Older Unity* Games for VR の日本語参考訳です多くの開発者によってこれまでに PC およびモバイルデバイス向けの素晴らしい Unity* ゲームが作成されてきました Unity* 3D に VR 機能が統合されたことで VR 体験に対応するため古いゲームの更新を検討する良い機会となりましたこの記事では既存の Unity* ゲームを HTC* Vive* VR ハードウェアに対応させる変更方法を紹介しますターゲット VR カテゴリー : プレミアム VR ターゲット VR ハードウェア : HTC* Vive* ターゲット Unity* バージョン : Unity* 5.0 この記事では次のトピックをカバーします新しい VR 体験向けに古いゲームを再設計する SteamVR Plugin の統合に関するヒントコントローラースクリプトの使用新しい C# から古い JavaScript* へのソリューション 2D GUI から 3D UI への移行新しい VR 体験の設計既存の Unity* ゲームは VR 向けに設計されていませんが Unity* は現実のグラフィックスや物理特性をシミュレーションする 3D 環境であるため VR 体験に必要な作業の大部分はすでに完了していると言えるでしょうそのためコントローラースクリプトを追加する前に行うべきことは新しい VR 体験として古いゲームを見直すことです以下は古いゲームに合った VR 体験を設計するためのヒントです乗り物酔いのような状態にならないための設計 : 標準の Unity* ゲームやアプリケーションは素晴らしい体験を提供しますがプレーヤーの感覚を欺くものではありませんこれを認識することが重要です素晴らしいレーシングゲームを作成してただ単に VR に移植しても脳に正しくない情報を送りプレーヤーの反射神経

2 を混乱させるだけです脳は一人称の動作を VR で見たときに目にした動きとのバランスをとるため足や胴体に信号を送ります人によってはこれを面白いと感じるかもしれませんが多くの人にとってこれは不快な体験です特にこのときプレーヤーが立った状態であれば倒れる可能性もあります座った状態であればそれほど問題にはならないでしょうゲームに最適な体験を評価しプレイ時は座るべきか立つべきかを推奨してプレーヤーがバランスを崩すことなくシーンを移動できるように動きを調整します立った状態でプレイする場合乗り物酔いのような状態にならないようにするには移動を完全に排除してテレポート機能によりゲーム内のある場所から別の場所へ移動しますテレポート機能を使用することで立った状態で任意の方向へ数フィート (1 フィートは 30.48cm) 以内に体験を制限できますそしてプレーヤーがコントローラーでゲーム内の別の場所をポイントしたらそこへテレポートします例えば FPS シューターの動きは前後数歩に制限しそれよりも遠い場所への移動にはテレポートを使用すると良いでしょう私のサンプルゲームは元々一人称の宇宙をドライブする体験として設計しましたそのため部屋全体を使うのではなく座った状態でプレイすることを前提としていますこれは複雑な脳信号に対してプレーヤーがバランスと取ろうとして下肢静止不能症候群 ( 別名 : むずむず脚症候群 ) のようになるのを回避しより自然にシーンを動き回れるようにしますまた多くの動きを減衰することで動きが緩やかになるようにしましたこのゲームでは宇宙に浮かんでいるため急旋回したり急激な動きがないためこの方法でうまく対応することができました座った状態で体験するため多少の動きを感じることはありますが脳からバランスをとるための信号が送られることはなくより制御されています ( この記事で VR に移植したオリジナルのゲームについては Ultrabook を使用して Unity* ゲームを作成するこちらの記事 ( 英語 ) を参照してください ) 一人称向けの設計 : VR の別の課題は主に一人称体験であることです古いゲームが一人称で設計されていない場合三人称から魅力的な一人称体験に変更する方法を検討すると良いでしょう

3 サンプルゲームはハイブリッドの一人称ゲームですがアクションを追跡するカメラがありますしかしこれではあまりにも受動的であり間接的な一人称体験であると感じたためスクリプトを利用して間接的に追跡するのではなくプレーヤーを直接アクションに固定しました自然でインタラクティブな UI とコントロール : インタラクティブな UI とコントロールも VR の課題の 1 つですカメラの位置が固定されていないため通常のようにオンスクリーンメニューを表示することができませんカメラの位置はプレーヤーが向いている方向ですそのため自然なコントロールメニュー対話になるようにする必要がありますコンソールゲームの場合問題なく対応できるでしょうほとんどのコンソールゲームは画面ではなくゲームパッドに表示されるからですタッチコントロール複雑なキーやマウス操作可能な画面コントロールを使用するモバイルゲームの場合コントロールのスキームを見直す必要がありますサンプルゲームには左折右折前進発射の 4 つのコントロールがありますこのゲームのモバイルバージョンにはオンスクリーンのタッチコントロールがあり PC バージョンではキーコマンドを使用します VR バージョンでは戦車のようなコントロールを設計して左のコントローラーは時計回りに回転し右は反時計回りに回転するようにしましたこれは良いアイデアのように思われましたしかしテストしてみると左の親指で両方の回転を操作したい衝動に駆られました私の手がゲームパッドのドライビングゲームを覚えており無意識のうちにそうなってしまうのです HTC* Vive* コントローラーはゲームパッドのように手で持つタイプで指は自由に使うことができるため設計し直すことにしました左のコントローラーパッドで操縦し右のトリガー ( ゲームパッドの A ボタンに相当 ) で前進し右の親指 ( ゲームパッドの X ボタンに相当 ) でレーザーを発射するようにしました 360 度の活用 : VR 体験では 360 度を見渡すことができるため前進のみの体験ではせっかくの機能を無駄にすることになります実際にこれは通常のゲームで見られる問題ですオリジナルのサンプルゲームではプレーヤーが左右や背後から近づく敵を見つけられるようにすべての敵の mini-hud ディスプレイを設計しました VR バージョンではディスプレイがなくても左右を確認するだけで敵を見つけることができますこの 360 度の VR 体験をフル活用できるように前方視野外にハザードを意図的に配置していく予定ですサンプルゲームの VR 向け再設計の決定事項 : 乗り物酔いや下肢静止不能症候群のような状態を回避するため座った状態でプレイする追跡カメラを無効にしてカメラを前方に固定するバランスの問題を回避するため回転や動きを緩やかにするコントロールを HTC* Vive* コントローラーにマップする ( ゲームパッドのコントロールと同様のレイアウト ) パノラマ体験によってもたらされる視野とアクションを活用する機能を追加する SteamVR Plugin の追加これは通常簡単ですが場合によっては困難な場合もありますコードがどれぐらい古いかおよび SteamVR Toolkit がどの程度動作するかに依存しますここでは通常の追加方法とそれがうまくいかなかった場合にすべきことを説明します最新の Unity* ビルド向けにゲームをクリーンアップする : 最初にオリジナルゲームのコピーを作成します Unity* の最新バージョンをダウンロードしてそのバージョンでゲームを開きますメッセージが表示された場合は API を更新しますゲームを再生して更新が必要な古い API がないかコンソールを確認します

SteamVR Plugin をインストールする : 最新バージョンの Unity* でゲームが想定どおりに動作する場合は SteamVR Plugin をダウンロードしてインポートします Unity* Store に移動して SteamVR Plugin を検索します Steam* ロゴの付いたものを選択します [Import] をクリックします [Select All]

4 SteamVR Plugin をインストールする : 最新バージョンの Unity* でゲームが想定どおりに動作する場合は SteamVR Plugin をダウンロードしてインポートします Unity* Store に移動して SteamVR Plugin を検索します Steam* ロゴの付いたものを選択します [Import] をクリックします [Select All] を選択してすべての機能モジュールスクリプトをインポートしますすべて SteamVR フォルダー以下に配置されるためスクリプトとアセットがどのプラグインのものかがすぐに分かりますサンプルシーンをテストする : 次のステップに進む前に HTC* Vive* ハードウェアが接続済みで動作していることを確認します Unity* で [Project] タブを表示し SteamVR フォルダーを開き Scenes フォルダーを選択して Example シーンを選択しますさまざまなボックスと SteamVR のスクリーンショットから成るシーンが表示されますシーンを再生してヘッドセットを装着しますシーンと HTC* Vive* コントローラーが表示されていれば SteamVR Plugin は正常に動作していると見なせます表示されない場合新しいプロジェクトで試してみる : コントローラーが表示されない場合または SteamVR のサンプルがヘッドセットにロードされない場合空のプロジェクトを新規作成しますそして SteamVR Toolkit をインポートしてサンプルシーンをテストしますうまく表示できない場合は Unity* バージョンまたは Stream* ハードウェアに問題がある可能性があります新しいプロジェクトでは動作するが古いプロジェクトでは動作しない場合 : 新しいプロジェクトでは問題なく動作するがオリジナルゲームが SteamVR Plugin で動作しない場合再度空のプロジェクトを作成し SteamVR Toolkit をインストールしてテストしますこれで動作した場合はこの新しいプロジェクトにオリジナルゲームを移動します最初にプロジェクトを閉じますそしてクリーンアップ済みの Unity* プロジェクトの Assets フォルダー以下をすべてコピーして新しいプロジェクトの Asset フォルダー以下にペーストします Unity* プロジェクトを開いて VR をテストします先程動作したので動作するはずだと思われるでしょうがこのままでは動作しませんプロジェクトコンポーネントからゲームアセット ( モデルサウンドファイルなど ) へのリンクを含む多くのアセットのプロジェクト設定が失われているためです各アセットと各コンポーネントでゲームオブジェクトとサウンドファイルが正しくリンクされていることを確認しますこれは面倒な作業です私も 2 3 回行いましたが面倒ですが単純な作業ですカメラを変更する : 先に進む前に HTC* Vive* ヘッドセットを装着して通常どおりにゲームを実行し頭 ( カメラ ) を動かして周囲を見渡せることを確認しますしかし HTC* Vive* コントローラーがなく VR でカメラを使用するために必要なものがまだありませんこの統合で最も重要なステップが次のステップですこれは非常に簡単ですアプリケーションで VR を動作させるにはシーンの Main Camera を SteamVR フォルダーに

ある Prefab カメラに置換する必要がありますただそれだけですしかし既存のカメラには大量のスクリプトや設定が含まれているかもしれませんそのため直接カメラを置換するのではなく既存のカメラの子として Prefab カメラをドロップすることを推奨します次に既存のカメラの [Properties] パネルでカメラとそのすべてのコンポーネントをオフにします [Properties]

ヘッドセットを装着してゲームを実行すると手の中にコントローラーが見えるでしょう後はコントローラーとスクリプトを既存のゲームロジックと連携させるだけですコントローラースクリプト私のように JavaScript* でオリジナルのゲームを開発した場合少し面倒ではあるもののコントローラースクリプトをゲームと連携させるのはさほど難しいことではありませんゲームで JavaScript*

5 ある Prefab カメラに置換する必要がありますただそれだけですしかし既存のカメラには大量のスクリプトや設定が含まれているかもしれませんそのため直接カメラを置換するのではなく既存のカメラの子として Prefab カメラをドロップすることを推奨します次に既存のカメラの [Properties] パネルでカメラとそのすべてのコンポーネントをオフにします [Properties] パネルでカメラの横のチェックマークがオフになったことを確認しますそしてカメラのコンポーネントと設定を Prefab 内の Camera Head または Camera Eye にコピーします設定を移動コピー調整して HTC* Vive* ヘッドセットでスカイボックスなどが想定どおりに動作するようにしますこれでゲームが VR 対応になりましたシーンをプレイできるはずです VR ヘッドセットを装着してゲームを実行すると手の中にコントローラーが見えるでしょう後はコントローラーとスクリプトを既存のゲームロジックと連携させるだけですコントローラースクリプト私のように JavaScript* でオリジナルのゲームを開発した場合少し面倒ではあるもののコントローラースクリプトをゲームと連携させるのはさほど難しいことではありませんゲームで JavaScript* を使用しておりコントローラーとスクリプトを連携させる必要がある場合次のセクションを参照してくださいシーンの左と右のコントローラーで次のことを行いますコントローラーは Main Camera 以下の Prefab カメラの子アセットとして追加されています Extra フォルダーにある Tracked Controller Script を Camera Prefab 内の Controller (Left) にドラッグします Controller (Right) に対しても同様の操作を行います

この操作を行うと [Inspector] に [Trigger Pressed] とその他の項目が表示されゲームでの使用状況に応じてチェックがオン / オフに切り替わりますコントローラーの使用はイベントリスナーメソッドに似ています引き金を引いたりタッチパッドをタッチするなどのイベントをキャプチャーするには C# スクリプトを作成する必要があります次のスクリプトは

6 この操作を行うと [Inspector] に [Trigger Pressed] とその他の項目が表示されゲームでの使用状況に応じてチェックがオン / オフに切り替わりますコントローラーの使用はイベントリスナーメソッドに似ています引き金を引いたりタッチパッドをタッチするなどのイベントをキャプチャーするには C# スクリプトを作成する必要があります次のスクリプトは多くのフォーラムで見られる手法です私のサンプルゲームでの引き金を引く引き金を戻すコントローラーパッドをタッチするコントローラーパッドから指を離すというイベントトリガーを作成する方法を示します引き金を引いたときまたはタッチパッドをタッチしたときにイベントをトリガーする C# スクリプト using UnityEngine; using System.Collections; public class EasyController : MonoBehaviour private SteamVR_TrackedController device; void Start () device.triggerclicked += Trigger device.triggerunclicked += UnTrigger ; device.padtouched += PadTouch; device.paduntouched += PadLift; void Trigger(object sender, ClickedEventArgs e) // 引き金を引いたときのコードをここに記述 void UnTrigger(object sender, ClickedEventArgs e) // 引き金を離したときのコードをここに記述 void PadTouch(object sender, ClickedEventArgs e) // パッドをタッチしたときのコードをここに記述 void PadLift(object sender, ClickedEventArgs e) // パッドから指を離したときのコードをここに記述

7 コントローラーに関するヒント : VR 体験の開発では左のコントローラーか右のコントローラーかを区別することができませんそのためいずれかのコントローラーに光や球体などの 3D アセットを追加して区別できるようにすることを推奨しますこれは開発のための措置ですユーザーにコントローラーの使い方を示すアイコンやラベルの作成方法については UI セクションで後述しますさらにタッチパッドにはタッチする / 指を離す以外の使用法もあります例えばスクリプトでタッチパッドのタップした位置に応じてゲームを制御することができます次のスクリプトはタッチパッドの左右どちら側をタップしたかに応じてアクティビティーをトリガーします VR タッチパッドの X 値または Y 値を使用する C# スクリプト using UnityEngine; using System.Collections; using Valve.VR; public class mytouchpad : MonoBehaviour SteamVR_Controller.Device device; SteamVR_TrackedObject controller; void Start() controller = gameobject.getcomponent<steamvr_trackedobject>(); void Update() device = SteamVR_Controller.Input((int)controller.index); // タッチパッドに指が触れている場合 if (device.gettouch(steamvr_controller.buttonmask.touchpad)) // タッチパッドの値を読み取る touchpad = device.getaxis(evrbuttonid.k_ebutton_steamvr_touchpad); touchstate = device.getpress(evrbuttonid.k_ebutton_steamvr_touchpad); if (touchpad.x < 0) // コントローラーの左側がタップされたときのコードを追加 if (touchpad.x > 0) // コントローラーの右側がタップされたときのコードを追加 else // パッドに指が触れていないときのコードを追加

8 C# と JavaScript* の問題点 SteamVR スクリプトは C# なので HTC* Vive* コントローラーと既存の JavaScript* のゲームロジックを連携させることは困難または不可能に思えるかもしれません次の単純な手法は JavaScript* から C# への変換を行わずにこの問題に対応しますしかし最終的には JavaScript* を C# に移行することを強く推奨します JavaScript* と C# 間の変数の受け渡し : Unity* にはスクリプトのコンパイル順があります C# 変数を JavaScript* に渡したりその逆も可能ですがそのためにはスクリプトを Standard Assets フォルダーに移動する必要があります Standard Assets フォルダーは最初にコンパイルされるため変数が利用可能になります SteamVR 値の確認には JavaScript* が必要なため Standard Assets フォルダーに Steam* スクリプトを配置し最初にコンパイルする必要がありますが移動すると SteamVR プラグインが利用できなくなり C# 変数を JavaScript* に渡せなくなりますしかし別の方法があります単純な回避策 : C# と JavaScript* はどちらもゲームオブジェクトの値を GET および SET することができます例えばどちらのスクリプトもシーンに含まれるゲームオブジェクトのタグ値を取得定義できますゲームオブジェクトタグ自体はスクリプト間で受け渡し可能な変数です初期設定でシーンの LaserCannon が "notfired" とタグ付けされている場合 C# で LaserCannon.tag を "fired" に設定するタッチパッドイベントを作成できます既存の JavaScript* は各フレームのオブジェクトのタグ値を参照できるので (C# スクリプトによって ) LaserCannon.tag = "fired" になったら JavaScript* でレーザー砲を発射する関数を実行しますこれにより C# から JavaScript* へイベントや値を渡したりその逆が可能になります前述の C# サンプルコードを使用して JavaScript* と変数を共有する方法を示しますタッチパッドの左側または右側をタップすると適切なパーティクルエミッターのタグ値が C# によって変更されますパーティクルエミッターサウンド再生衝突検出関連ポイントをオンにするコードはすべて左右のパーティクルエミッターの JavaScript* にありますそのため最初に C# でこれらのパーティクルエミッターを識別する必要があります rthrust と lthrust を GameObjects として宣言して Start セクションで lthrust をシーンの左のパーティクルエミッター rthrust を右のパーティクルエミッターとして定義しますゲームオブジェクトを追加する C# スクリプト public class mytouchpad : MonoBehaviour public GameObject rthrust; public GameObject lthrust; SteamVR_Controller.Device device; SteamVR_TrackedObject controller; void Start() controller = gameobject.getcomponent<steamvr_trackedobject>(); rthrust = GameObject.Find("PartSysEngineRight"); lthrust = GameObject.Find("PartSysEngineLeft");

9 次にタッチパッドのどちら側がタップされたか決定する if 文内に lthrust と rthrust のタグ名を変更するコードを追加します ( 左右逆のように思われるかもしれませんが宇宙で右折するには左のスラスターを噴射する必要があります ) パッドをタッチしたときにオブジェクトのタグ値を変更する C# スクリプト if (touchpad.x < 0) lthrust.tag = "nolthrust"; rthrust.tag = "rthrust"; if (touchpad.x > 0) rthrust.tag = "northrust"; lthrust.tag = "lthrust"; 最後に各パーティクルエミッターの JavaScript* でタグが C# スクリプトによって設定された値と等しいかどうかチェックする追加の条件 " this.gameobject.tag= rthrust " を if 文の最後に追加します C# によって更新されたタグに応じてゲームロジックを実行する JavaScript* if (Input.GetKey ("left") this.gameobject.tag=="rthrust") GetComponent.<ParticleSystem>().enableEmission= true; GetComponent.<AudioSource>().PlayOneShot(thrustersright); これで C# から JavaScript* へイベントや値を渡せるようになりました同じ方法で JavaScript* から C# へイベントや値を渡すことができますこれはコントローラーが動作するようにし 2 つの言語およびスクリプト間で基本的なゲーム体験を構築するための単純な回避策です時間のあるときに JavaScript* から C# へ移行することを推奨します C# に関するヒント : C# に不慣れな方は次のヒントを参考にすると良いでしょう加算乗算除算の結果が小数を含む場合変数を float として宣言する必要があります加算減算乗算除算する数値も float として設定する必要があります宣言の例 : public float: myvar ; 計算の例 : myvar = (float)othervar +1f 2D GUI から 3D UI へオリジナルの Unity* ゲームは GUI メニューボタンその他のオンスクリーンコントロールや UI 要素を使用しているかもしれません私の古いゲームはタブレットと PC 向けに設計されたためオンスクリーンコントロールと GUI の両方を使用していましたスタートアップメニュータイトルのグラフィックオンスクリーンスコアアラートに GUI を使用していましたこれらはすべてヘッドセット内では無効にし PC 画面上では表示可能にしました Google* で調査した結果 UI はゲーム内の 3D 空間に配置して VR で表示や対話ができるのに対し GUI ではこれが不可能であるため GUI を UI に変換する必要があることが分かりました

VR 向けの UI に関するヒント : UI を設定するには [Hierarchy] パネルで [UI] を右クリックして [Canvas] を選択しますデフォルトでは [Canvas] は [Screen Space] に設定されているため [Inspector] ではすべての次元属性と位置属性がグレーで表示されていますが [Inspector] の [Canvas] モジュールで

[Text] 入力フィールドに "Hello World" と入力しますこのテキストがシーンに表示されない場合は [Text] の [Inspector] に移動し [Paragraph] 以下の [Horizontal Overflow] と [Vertical Overflow] を [Overflow] に変更します [Overflow] に設定することで

10 VR 向けの UI に関するヒント : UI を設定するには [Hierarchy] パネルで [UI] を右クリックして [Canvas] を選択しますデフォルトでは [Canvas] は [Screen Space] に設定されているため [Inspector] ではすべての次元属性と位置属性がグレーで表示されていますが [Inspector] の [Canvas] モジュールで [Screen View] から [World Space] に変更できますこれで UI 機能をシーンの任意の位置に任意のサイズで配置できます [Canvas] にはボタンイメージテキスト項目などの特定の UI 項目を追加できますテストするには Text UI 要素を [Canvas] 項目の子として追加します ( 下の図の左側を参照 ) そして [Inspector] で [Text] 入力フィールドに "Hello World" と入力しますこのテキストがシーンに表示されない場合は [Text] の [Inspector] に移動し [Paragraph] 以下の [Horizontal Overflow] と [Vertical Overflow] を [Overflow] に変更します [Overflow] に設定することでデフォルトのサイズが大きすぎてもテキストを確認することができます必要に応じて [Inspector] の [Scale] を調整してキャンバスまたはテキストのスケールを調整します最適な設定になるようにさまざまなスケーリングとフォントを試してみると良いでしょうフォントが粗い場合は [Scale] を縮小して [Font Size] を大きくしますコントローラー UI: コントローラーの使い方を示すのに UI が役立ちます左右のコントローラーを区別できるようにラベルを付けたりコントローラーの使い方を示すアイコンを配置できます左のスクリーンショットは私のゲームのスタートアップシーンです各コントローラーに UI を追加してそれぞれのコントローラーをどちらの手で持つかを示していますメインのゲームシーンではグラフィック UI を使ってコントローラーの操作方法を示しています

11 終わってみるとこのゲームの更新はそんなに難しいことではありませんでしたまたオリジナルの設計よりも直感的で没入型の体験を提供するためにはどうしたらよいか考えることができましたこの経験を通してオリジナルの VR ゲームの取り組み方に関する多くの知識が得られました以下のビデオで VR で動作するゲームをご覧いただけますこの記事に関するフィードバックは ( 英語 ) までお寄せくださいコンパイラーの最適化に関する詳細は最適化に関する注意事項を参照してください

しずおかアプリ部 Unity はじめるよすごいよサウンド機能実践編統合開発環境を内蔵したゲームエンジンいろんな職業のがる資料なので説明を簡単にしてある部分があります正確には本来の意味と違いますが上記理由のためですご了承くださいこの

しずおかアプリ部 Unity はじめるよすごいよサウンド機能実践編統合開発環境を内蔵したゲームエンジンいろんな職業のがる資料なので説明を簡単にしてある部分があります正確には本来の意味と違いますが上記理由のためですご了承くださいこの Unity はじめるよすごいよサウンド機能実践編統合開発環境を内蔵したゲームエンジン http://japan.unity3d.com/ いろんな職業のがる資料なので説明を簡単にしてある部分があります正確には本来の意味と違いますが上記理由のためですご了承くださいこの資料内の部の画像部の章は Unity 公式サイトから引しています AudioMixer のサンプルアプリを作る