Erstelle deine erste VR-App

1. Installiere Unity und erstelle ein neues Projekt, indem du Unity für die VR-Entwicklung einrichtest.
2. Schließe die Einrichtung des Headsets für die Entwicklung ab und befolge den Leitfaden.
3. Konfiguriere die Build-Einstellungen.

• Scene (Szene) ist ein Container, der verschiedene Spielobjekte enthält.
• Game Objects (Spielobjekte) sind grundlegende Objekte, die für Figuren, Requisiten, Beleuchtung, Kamera oder Spezialeffekte stehen. In dieser App verwenden wir 3D-Objekte, die aus einfachen Formen wie Ebenen, Würfeln und Kugeln bestehen.
• Components (Komponenten) definieren das Verhalten des Spielobjekts. Die Komponente Transform (Transformieren) bestimmt in erster Linie Position, Rotation und Dimension jedes Spielobjekts. Die Werte werden als X-, Y- und Z-Koordinaten für jede Eigenschaft angegeben. Die Position ist standardmäßig auf (0,0,0) festgelegt, auch Ausgangspunkt genannt, von dem aus alle Berechnungen von Koordinaten in der Szene stattfinden.
• Material fügt Textur und Farbe zu Objekten hinzu. In dieser App beschränken wir die Nutzung von Materialien auf die Farbe von Objekten. Andere technische Details werden nicht behandelt.

1. Erstelle in der Ansicht Project (Projekt) im Ordner Assets einen neuen Ordner, der die Materialien für verschiedene Spielobjekte der App enthalten soll, benenne ihn in Materials (Materialien) um und doppelklicke auf den Ordner, um ihn zu öffnen.
2. Gehe im Menü zu Assets > Create (Erstellen) > Material und benenne das Material in floor-color (Bodenfarbe) um.
3. Klicke in der Ansicht Inspector (Prüfung) unter Main Maps (Hauptzuordnungen) auf das Albedo-Farbfeld, um eine Farbauswahl zu öffnen und die gewünschte Farbe auszuwählen. In dieser App verwenden wir RGB-Werte (3,32,70).
   
4. Wiederhole Schritt 2 bis 4, um Materialien für Wände, den Spielball und die geänderte Wandfarbe bei einer Kollision zu erstellen. Benenne sie in wall-color (Wandfarbe), ball-color (Ballfarbe) bzw. after-collision (nach Kollision) um und lege die RGB-Werte auf (255,255,255), (240,240,0) bzw. (241,107,8) fest.
   

1. Gehe im Menü zu GameObject (Spielobjekt) > 3D Object (3D-Objekt) > Plane (Ebene).
2. Benenne es in der Ansicht Hierarchy (Hierarchie) in floor (Boden) um.
3. Überprüfe in der Ansicht Inspector (Prüfung) unter Transform (Transformieren), ob die Position auf den Ausgangspunkt (0,0,0) festgelegt ist. Wenn nicht, lege sie auf (0,0,0) fest.
4. Lege die Größe unter Transform (Transformieren) auf (2,1,2) fest, um den Boden zu vergrößern. Das Ebenenobjekt ist flach und hat kein Volumen. Deshalb ist der Y-Wert standardmäßig auf 1 festgelegt.
5. Verschiebe das Material floor-color (Bodenfarbe) per Drag-and-Drop auf die Ebene, um die Farbe hinzuzufügen.
   

1. Gehe im Menü zu GameObject (Spielobjekt) > 3D Object (3D-Objekt) > Sphere (Kugel).
2. Benenne es in der Ansicht Hierarchy (Hierarchie) in player-ball (Spielball) um.
3. Verschiebe aus dem Ordner Materials (Materialien) das Material ball-color (Ballfarbe) auf die Kugel.
4. Vergewissere dich in der Ansicht Inspector (Prüfung) unter Transform (Transformieren), dass die Position auf (0,0,0) festgelegt ist, und lege den Y-Wert auf 0,5 fest, damit der Ball auf dem Boden liegt, also (0,0.5,0).
   

1. Gehe im Menü zu GameObject (Spielobjekt) > 3D Object (3D-Objekt) > Cube (Würfel).
2. Verschiebe aus dem Ordner Materials (Materialien) das Material wall-color (Wandfarbe) auf den Würfel.
3. Setze in der Ansicht Inspector (Prüfung) unter Transform (Transformieren) die Position auf (0,0,0) zurück und lege die Größe auf (0,5,2,20,5) fest, damit die Wand gestreckt wird und genau zur Größe des Bodens passt.
4. Klicke in der Ansicht Hierarchy (Hierarchie) mit der rechten Maustaste auf den Würfel und gehe wie folgt vor:
   a. Benenne den Würfel in first-wall (erste Wand) um.
   b. Dupliziere den Würfel dreimal, um drei weitere Wände hinzuzufügen, und benenne sie in second-wall (zweite Wand), third-wall (dritte Wand) bzw. fourth-wall (vierte Wand) um.
5. Wähle in der Ansicht Hierarchy (Hierarchie) third-wall (dritte Wand) aus und lege in der Ansicht Inspector (Prüfung) unter Transform (Transformieren) die Rotation auf (0,90,0) fest. Wiederhole den Schritt für fourth-wall (vierte Wand).
6. Wähle in der Ansicht Hierarchy (Hierarchie) first-wall (erste Wand) aus. Gib dann in der Ansicht Inspector (Prüfung) unter Transform (Transformieren) folgende Werte ein, um die Wand so zu positionieren, dass sie den Boden von allen Seiten umschließt. Wiederhole diesen Schritt für die übrigen Wände.
   first-wall (erste Wand): (-10,0,0)
   second-wall (zweite Wand): (10,0,0)
   third-wall (dritte Wand): (0,0,10)
   fourth-wall (vierte Wand): (0,0,-10)
   

1. Wähle in der Ansicht Hierarchy (Hierarchie) Main Camera (Hauptkamera) aus.
2. Lege in der Ansicht Inspector (Prüfung) unter Transform (Transformieren) die Position auf (0,10,-20) und die Rotation auf (20,0,0) fest.
3. Wähle in der Ansicht Hierarchy (Hierarchie) Directional Light (Richtungslicht) aus.
4. Lege in der Ansicht Inspector (Prüfung) unter Transform (Transformieren) die Rotation auf (50,60,0) fest.

1. Wähle in der Ansicht Hierarchy (Hierarchie) player-ball (Spielball) aus.
2. Gehe in der Ansicht Inspector (Prüfung) wie folgt vor:
   a. Klicke auf Add Component (Komponente hinzufügen) > Physics (Eigenschaft) > Rigidbody (Starrkörper).
   
   b. Klicke auf Add Component (Komponente hinzufügen) > New Script (Neues Skript), nenne es PlayerController (Spiel-Controller) und klicke auf Create and Add (Erstellen und hinzufügen).
   c. Klicke auf das Zahnrad-Symbol neben dem Skript PlayerController (Spiel-Controller) und klicke auf Edit Script (Skript bearbeiten), um es im Code-Editor zu öffnen.
   
   d. Ersetze den Beispiel-Code durch folgenden Wert, um Tastatureingaben zuzulassen und den Ball in Bewegung zu versetzen.

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. Gib in der Ansicht Inspector (Prüfung) im Skript PlayerController (Spiel-Controller) unter Speed (Geschwindigkeit) den Wert für die Geschwindigkeit ein. Beispiel: 500. Diese Variable entspricht der Variable speed (Geschwindigkeit), die wir im Skript PlayerController (Spiel-Controller) in Schritt 4.2.d festgelegt haben.
   
2. Klicke oben in deiner App auf den Button zum Abspielen, um eine Vorschau der App anzuzeigen. Drücke auf der Tastatur die Pfeiltasten, um den Ball zu steuern.

1. Gehe im Menü zu Game Object (Spielobjekt) > UI (Bedienoberfläche) > Text.
2. Wähle in der Ansicht Hierarchy (Hierarchie) Text aus und benenne die Option in message (Nachricht) um.
3. Wechsle vom Tab Scene (Szene) zum Tab Game (Spiel), um in der Vorschau zu sehen, wie der Text im Spiel angezeigt wird.
4. Verändere in der Ansicht Inspector (Prüfung) unter Rect Transform (Rechteck transformieren) die Position des Textes. Bei Bedarf kannst du auch die Schriftfarbe und -größe ändern.

1. Wähle in der Ansicht Hierarchy (Hierarchie) first-wall (erste Wand) aus.
2. Klicke in der Ansicht Inspector (Prüfung) auf Add Component (Komponente hinzufügen) > New Script (Neues Skript), nenne es ColorController (Farb-Controller) und klicke auf Create and Add (Erstellen und hinzufügen).
3. Klicke auf das Zahnrad-Symbol neben dem Skript ColorController (Farb-Controller) und klicke auf Edit Script (Skript bearbeiten), um es im Code-Editor zu öffnen.
4. Ersetze den Beispiel-Code durch folgenden Code.

   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. Wähle in der Ansicht Hierarchy (Hierarchie) first-wall (erste Wand) aus.
6. Gehe in der Ansicht Inspector (Prüfung) im Skript ColorController (Farb-Controller) wie folgt vor:
   a. Erweitere Wall Material (Wandmaterial). Gib unter Size (Größe) 2 ein. Verschiebe in Element 0 und Element 1 per Drag-and-Drop after-collision (nach Kollision) bzw. wall-color (Wandfarbe).
   b. Klicke auf das Zahnrad-Symbol neben Display Text (Text anzeigen) und wähle message (Nachricht) aus. Display Text (Text anzeigen) ist dasselbe Feld, das wir im ColorController.cs-Skript in Schritt 6.4 festgelegt haben.
   
7. Wähle in der Ansicht Hierarchy (Hierarchie) second-wall (zweite Wand) aus.
8. Klicke in der Ansicht Inspector (Prüfung) auf Add Components (Komponenten hinzufügen) > Scripts (Skripte), wähle ColorController (Farb-Controller) aus der Liste aus und wiederhole Schritt 6.
9. Wiederhole Schritt 7 und Schritt 8 für die übrigen Wände.
10. Klicke oben in deiner App auf den Button zum Abspielen, um eine Vorschau der App anzuzeigen. Drücke auf der Tastatur die Pfeiltasten, um den Ball zu steuern.

1. Speichere deine Szene.
2. Gehe zu File (Datei) > Build and Run (Erstellen und ausführen).
3. Doppelklicke auf die Datei, um die App auf deinem Computer auszuführen. Verwende für Eingaben die Tastatur oder Unity-kompatible Joysticks.