初めてのVRアプリを構築する

1. Unityをインストールし、VR開発用にUnityを設定するの手順に従って新しいプロジェクトを作成します。
2. 開発用のヘッドセットを設定するとガイドの手順を完了します。
3. ビルド設定を構成します。

• シーンは、さまざまなゲームオブジェクトを保持するコンテナです。
• ゲームオブジェクトは、キャラクター、小道具、照明、カメラ、または特殊効果を表す基本的なオブジェクトです。このアプリでは、平面、立方体、球体といった基本的な図形で構成される3Dオブジェクトを使用します。
• コンポーネントは、ゲームオブジェクトの動作を定義します。主に、変換コンポーネントにより、各ゲームオブジェクトの位置、回転、スケールが決まります。値は、プロパティごとにX、Y、Z座標の形で表記されます。位置は、デフォルトで(0,0,0)に設定されます。これは原点とも呼ばれ、シーンのすべての座標計算はそこを基点として実行されます。
• マテリアルは、オブジェクトにテクスチャーと色を追加します。このアプリでは、マテリアルの使用をオブジェクトの色だけに限定し、他の技術的詳細には触れないことにします。

1. [Project (プロジェクト)]ビューの[Assets (アセット)]フォルダーの中に、アプリのさまざまなゲームオブジェクトのマテリアルをいれるための新しいフォルダーを作成し、その名前をMaterialsに変更した後、そのフォルダーをダブルクリックして開きます。
2. メニューで[Assets (アセット)] > [Create (作成)] > [Material (マテリアル)]を選び、そのマテリアルの名前をfloor-colorに変更します。
3. [Inspector (インスペクター)]ビューの[Main Maps (メイン地図)]の下で、Albedo色フィールドをクリックして色選択ツールを開き、選択する色を変更します。このアプリでは(3,32,70)のRGB値を使用します。
   
4. ステップ2～4を繰り返して、壁、プレイヤーボール、および衝突時の壁の色の変更のためのマテリアルを作成します。それらの名前をそれぞれwall-color、ball-color、after-collisionに変更し、RGB値をそれぞれ(255,255,255)、(240,240,0)、(241,107,8)に設定します。
   

1. メニューで[Game Object (ゲームオブジェクト)] > [3D Object (3Dオブジェクト)] > [Plane (平面)]に移動します。
2. [Hierarchy (階層)]ビューで、その名前をfloorに変更します。
3. [Inspector (インスペクター)]ビューの[Transform (変換)]の下で、その位置が原点、つまり(0,0,0)であることを確認します。そうでない場合は、(0,0,0)にリセットしてください。
4. [Transform (変換)]の下で、スケールを(2,1,2)に設定し、フロアを大きくします。平面オブジェクトは平らなので体積はありません。したがって、デフォルトでY値は1に設定されます。
5. floor-colorマテリアルを平面上にドラッグ&ドロップし、色を追加します。
   

1. メニューで[Game Object (ゲームオブジェクト)] > [3D Object (3Dオブジェクト)] > [Sphere (球体)]に移動します。
2. [Hierarchy (階層)]ビューで、その名前をplayer-ballに変更します。
3. Materialsフォルダーから球面にball-colorをドラッグ&ドロップします。
4. [Inspector (インスペクター)]ビューの[Transform (変換)]の下で、位置が(0,0,0)に設定されていることを確認した後、Y値を0.5に設定して(0,0.5,0)とし、ボールをフロアの上に置きます。
   

1. メニューで[Game Object (ゲームオブジェクト)] > [3D Object (3Dオブジェクト)] > [Cube (立方体)]に移動します。
2. Materialsフォルダーから立方体にwall-colorをドラッグ&ドロップします。
3. [Inspector (インスペクター)]ビューの[Transform (変換)]で、位置を(0,0,0)にリセットした後、スケールを(0.5,2,20.5)に設定して、壁がちょうどフロアの境界に合うように引き伸ばします。
4. [Hierarchy (階層)]ビューで、立方体を右クリックして、次の手順を実行します。
   a. 立方体の名前をfirst-wallに変更します。
   b. 立方体を3回複製して3つの壁を追加し、それぞれの名前をsecond-wall、third-wall、fourth-wallに変更します。
5. [Hierarchy (階層)]ビューでthird-wallを選択し、[Inspector (インスペクター)]ビューの[Transform (変換)]で、回転を(0,90,0)に設定します。この手順をfourth-wallについても繰り返します。
6. [Hierarchy (階層)]ビューでfirst-wallを選択し、[Inspector (インスペクター)]ビューの[Transform (変換)]で、壁の位置として以下に示す値を入力して、壁がフロアの四方を囲むようにします。このステップを残りの壁についても繰り返します。
   first-wallは(-10,0,0)
   second-wallは(10,0,0)
   third-wallは(0,0,10)
   fourth-wallは(0,0,-10)
   

1. [Hierarchy (階層)]ビューで[Main Camera (メインカメラ)]を選択します。
2. [Inspector (インスペクター)]ビューの[Transform (変換)]で、位置を(0,10,-20)に、また回転を(20,0,0)に設定します。
3. [Hierarchy (階層)]ビューで[Directional Light (平行光源)]を選択します。
4. [Inspector (インスペクター)]ビューの[Transform (変換)]で、回転を(50,60,0)に設定します。

1. [Hierarchy (階層)]ビューでplayer-ballを選択します。
2. [Inspector (インスペクター)]ビューで、次の手順を実行します。
   a. [Add Component (コンポーネントの追加)] > [Physics (物理演算)] > [Rigidbody]をクリックします。
   
   b. [Add Component (コンポーネントの追加)] > [New Script (新しいスクリプト)]をクリックし、名前をPlayerControllerに設定した後、[Create and Add (作成して追加)]をクリックします。
   c. PlayerControllerスクリプトの横にある歯車アイコンをクリックし、[Edit Script (スクリプトを編集)]をクリックして、コードエディタでそれを開きます。
   
   d. サンプルコードを次のコードに置き換えて、キーボードからの入力を取得し、ボールを動かすための力を加えます。

using System.Collections;
using System.Collections.Generic;
using UnityEngine;

public class PlayerController : MonoBehaviour
{
    // Appears in the Inspector view from where you can set the speed
    public float speed;

    // Rigidbody variable to hold the player ball's rigidbody instance
    private Rigidbody rb;

    // Called before the first frame update
    void Start()
    {
        // Assigns the player ball's rigidbody instance to the variable
        rb = GetComponent<Rigidbody>();
    }

    // Called once per frame
    private void Update()
    {
        // The float variables, moveHorizontal and moveVertical, holds the value of the virtual axes, X and Z.

        // It records input from the keyboard.
        float moveHorizontal = Input.GetAxis("Horizontal");
        float moveVertical = Input.GetAxis("Vertical");

        // Vector3 variable, movement, holds 3D positions of the player ball in form of X, Y, and Z axes in the space.
        Vector3 movement = new Vector3(moveHorizontal, 0.0f, moveVertical);

        // Adds force to the player ball to move around.
        rb.AddForce(movement * speed * Time.deltaTime);
    }
}

1. [Inspector (インスペクター)]ビューのPlayerControllerスクリプトの[Speed (速度)]に、速度の値を入力します。例えば、500とします。この変数は、ステップ4.2.dのPlayerControllerスクリプトで宣言したのと同じspeed変数です。
   
2. 上部のプレイボタンをクリックして、アプリをプレビューします。キーボードの矢印キーを押して、ボールを転がします。

1. メニューで[Game Object (ゲームオブジェクト)] > [UI] > [Text (テキスト)]に移動します。
2. [Hierarchy (階層)]ビューで、Textを選択し、その名前をmessageに変更します。
3. テキストがプレイヤーにどのように表示されるかをプレビューするために、[Scene (シーン)]表示タブから[Game (ゲーム)]表示タブに切り替えます。
4. [Inspector (インスペクター)]ビューの[Rect Transform (長方形変換)]で、テキストの位置を指定します。必要なら、フォントの色やフォントサイズを変更することもできます。

1. [Hierarchy (階層)]ビューでfirst-wallを選択します。
2. [Inspector (インスペクター)]ビューで、[Add Component (コンポーネントの追加)] > [New Script (新しいスクリプト)]をクリックし、名前をColorControllerに設定した後、[Create and Add (作成して追加)]をクリックします。
3. ColorControllerスクリプトの横にある歯車アイコンをクリックし、[Edit Script (スクリプトを編集)]をクリックして、コードエディタで開きます。
4. サンプルコードを次のコードに置き換えます。

   using System.Collections;
   using System.Collections.Generic;
   using UnityEngine;
   using UnityEngine.UI;
   public class ColorController : MonoBehaviour
   {
    public Material[] wallMaterial;
    Renderer rend;
   
    // Appears in the Inspector view from where you can assign the textbox
    public Text displayText;
    // Start is called before the first frame update
    void Start()
    {
        // Assigns the component's renderer instance
        rend = GetComponent<Renderer>();
        rend.enabled = true;
        displayText.text = "";
    }
    // Called when the ball collides with the wall
    private void OnCollisionEnter(Collision col)
    {
        // Checks if the player ball has collided with the wall.
        if (col.gameObject.name == "player-ball")
        {
            displayText.text = "Ouch!";
            rend.sharedMaterial = wallMaterial[0];
        }
    }
    // It is called when the ball moves away from the wall
    private void OnCollisionExit(Collision col)
    {
        if (col.gameObject.name == "player-ball")
        {
            rend.sharedMaterial = wallMaterial[1];
            displayText.text = "Keep Rolling...";
        }
    }
   }
   
5. [Hierarchy (階層)]ビューでfirst-wallを選択します。
6. [Inspector (インスペクター)]ビューのColorControllerスクリプトで、次の手順を行います。
   a. [Wall Material (壁のマテリアル)]を展開して[Size (サイズ)]に2を入力し、[Element 0 (要素0)]と[Element 1 (要素1)]に、after-collisionとwall-colorをそれぞれドラッグ&ドロップします。
   b. [Display Text (テキストを表示)]の横の歯車アイコンをクリックしてmessageを選択します。この[Display Text (テキストを表示)]は、ステップ6.4でColorController.csスクリプト内に宣言したのと同じフィールドです。
   
7. [Hierarchy (階層)]ビューでsecond-wallを選択します。
8. [Inspector (インスペクター)]ビューで[Add Components (コンポーネントの追加)] > [Scripts (スクリプト)]をクリックし、リストからColorControllerを選択した後、ステップ6を繰り返します。
9. 残りの壁についてステップ7とステップ8を繰り返します。
10. 上部のプレイボタンをクリックして、アプリをプレビューします。キーボードの矢印キーを押して、ボールを転がします。

1. シーンを保存します。
2. [File (ファイル)] > [Build and Run (ビルドして実行)]に移動します。
3. ファイルをダブルクリックすると、アプリがコンピューター上で実行されます。入力として、キーボードまたはUnity互換ジョイスティックを使用します。