component---src-pages-decal-labs-oculus-lab-4-js-548c5cd95c66894ed71d.js

"use strict";(self.webpackChunkxr_b_website=self.webpackChunkxr_b_website||[]).push([[625],{1318:function(e,t,a){a.r(t),a.d(t,{Head:function(){return E},default:function(){return b}});var n=a(7294),l=(a(1883),a(594)),r=a(1220),i=a(9686),o=a(8315),s=a(3307),c=a(6714),m=a(1899),u=a.p+"static/OLAB4-0-983b642f24dd96698adc1a97d80832a2.png",h=a.p+"static/OLAB4-1-b0f0d6635679f758f56655442daca176.png",p=a.p+"static/OLAB4-2-3b757b274f7600a4876e76691986ba19.png",d=a.p+"static/OLAB4-3-78d92ccb838a193cd3b3ccf6bda7128e.png";var b=()=>n.createElement("main",null,n.createElement("body",null,n.createElement(i.Z,{activePage:"decal"}),n.createElement("div",{className:r.Eu},n.createElement(o.Z,{activePage:"oculuslab4",open:"oculuslabs"}),n.createElement("div",{className:r.aS},n.createElement("h1",null,"Oculus Lab 4: Putting It All Together"),n.createElement("div",{className:r.d$},n.createElement("h2",null,"Table of Contents"),n.createElement("p",null,n.createElement("span",{className:r.Vd},n.createElement(s.Z,{text:"Spawning Monsters",color:"red",icon:c.Z,type:"underlineOut",link:"#spawning-monsters",alt:""}))),n.createElement("p",null,n.createElement("span",{className:r.Vd},n.createElement(s.Z,{text:"The Player",color:"red",icon:c.Z,type:"underlineOut",link:"#the-player",alt:""}))),n.createElement("p",null,n.createElement("span",{className:r.Vd},n.createElement(s.Z,{text:"Final Remarks",color:"red",icon:c.Z,type:"underlineOut",link:"#final-remarks",alt:""}))),n.createElement("p",null,n.createElement("span",{className:r.Vd},n.createElement(s.Z,{text:"Check Off",color:"red",icon:c.Z,type:"underlineOut",link:"check-off",alt:""})))),n.createElement("p",null,"In the final lab of this series, we’ll be taking all of the components you learned about and created thus far and put them together into a single cohesive experience. We’ll also take care of some odds and ends that we didn’t get to in the previous labs.",n.createElement("br",null),n.createElement("br",null),"Imagine the flow of the game, from start to finish. Here’s everything that needs to happen:",n.createElement("ul",null,n.createElement("li",null,"Player puts on the headset and picks up the gun. ",n.createElement("i",null,"Done.")),n.createElement("li",null,"Monsters start spawning periodically from preset locations and walk towards the player. ",n.createElement("i",null,"We’ve done the latter, but not the former.")),n.createElement("li",null,"Players can shoot and kill monsters. ",n.createElement("i",null,"Done.")),n.createElement("li",null,"Upon reaching the player, monsters will attack, causing the player to take damage. ",n.createElement("i",null,"We’ve done the former, but not the latter.")),n.createElement("li",null,"Upon losing all health, the game restarts. ",n.createElement("i",null,"Not done."))),"You can download the skeleton package ",n.createElement("a",{href:"https://drive.google.com/file/d/1pEBcHY-IZ8juI1bJTq2B2sAcFGMRjFZJ/view?usp=sharinghttps://drive.google.com/open?id=17QPpUQmhR3NUfKe6qEP5PWAN8aaGz3FM",target:"_blank",className:r.JA},"here"),".",n.createElement("br",null),n.createElement("br",null),n.createElement("i",null,"Important: Certain parts of this lab have been left without explicit instruction. This is on purpose, and those parts must be completed in order to finish the lab."),n.createElement("br",null),n.createElement("br",null),"After initializing the new project with the skeleton, you will need to install the XR packages again through ",n.createElement("b",null,"Window > Package Manager > (on the top) Packages: Unity Registry"),":",n.createElement("ul",null,n.createElement("li",null,"Oculus XR Plugin"),n.createElement("li",null,"XR Plugin Management"),n.createElement("li",null,"XR Interaction Toolkit"))),n.createElement("div",{className:r.Xw},n.createElement("div",{className:r.BZ})),n.createElement("h2",{id:"spawning-monsters"},"Spawning Monsters"),n.createElement("p",null,"To start things off, let’s update our monster prefab so that when we spawn it via script it has all the functionality the monster in our scene has. Select the monster gameobject and click Overrides > Apply All in its prefab options.",n.createElement("br",null),n.createElement("br",null),n.createElement("img",{src:u}),n.createElement("br",null),n.createElement("br",null),"After you’ve done this, you can remove the monster within the scene - we don’t want to get assassinated the instant we start the game.",n.createElement("br",null),n.createElement("br",null),"Next, create a script called SpawnManager. This script will manage the spawning process for the monsters. Declare in it the following public variables and stub in the Spawn() function.",n.createElement("br",null),n.createElement("br",null),n.createElement("div",{className:r.TU},"public class SpawnManager : MonoBehaviour {",n.createElement("br",null),"  ","public Transform[] spawnLocations;",n.createElement("br",null),"  ","public float spawnTime;",n.createElement("br",null),"  ","public GameObject monsterPrefab;",n.createElement("br",null),"  ...",n.createElement("br",null),"  ","public void Spawn() {",n.createElement("br",null),"  ","}",n.createElement("br",null),"}",n.createElement(l.CopyToClipboard,{text:"public class SpawnManager : MonoBehaviour { public Transform[] spawnLocations; public float spawnTime; public GameObject monsterPrefab; ... public void Spawn() { } }"},n.createElement(m.Z,{className:r.JG}))),n.createElement("br",null),n.createElement("br",null),"The variables are pretty self explanatory - spawnLocations will contain a list of locations (transforms) where monsters could spawn from, spawnTime is the time interval between spawns, and monsterPrefab is the gameobject that gets spawned.",n.createElement("br",null),n.createElement("br",null),"Let’s fill out Spawn(). Every time this function gets called, we’ll want to choose a random transform to spawn it at. We’ll instantiate the monster, then position and rotate it accordingly.",n.createElement("br",null),n.createElement("br",null),n.createElement("div",{className:r.TU},"public void Spawn() {",n.createElement("br",null),"  ","Transform spawn = spawnLocations[Random.Range(0, spawnLocations.Length)];",n.createElement("br",null),"  ","GameObject monster = Instantiate(monsterPrefab, spawn.position, spawn.rotation);",n.createElement("br",null),"}",n.createElement(l.CopyToClipboard,{text:"public void Spawn() { Transform spawn = spawnLocations[Random.Range(0, spawnLocations.Length)]; GameObject monster = Instantiate(monsterPrefab, spawn.position, spawn.rotation); }"},n.createElement(m.Z,{className:r.JG}))),n.createElement("br",null),n.createElement("br",null),"Random.Range(x, y) returns a random integer between x inclusive and y exclusive. As a side note, if you feed it two floats instead, it’ll return you a random float instead.",n.createElement("br",null),n.createElement("br",null),"Now we have to repeatedly call this function every couple seconds. While we could write a timer system in Update() using GetTime(), Unity actually has a function for this particular use case. Put the following line in the Start() function.",n.createElement("br",null),n.createElement("br",null),n.createElement("div",{className:r.TU},"void Start () {",n.createElement("br",null),"  ",'InvokeRepeating("Spawn", spawnTime, spawnTime);',n.createElement("br",null),"}",n.createElement(l.CopyToClipboard,{text:"void Start () { InvokeRepeating('Spawn', spawnTime, spawnTime); }"},n.createElement(m.Z,{className:r.JG}))),n.createElement("br",null),n.createElement("br",null),"InvokeRepeating is a Unity function that will call the function in the first argument after a certain amount of time, dictated by the second argument. It will then continue to call this function at set intervals (the third argument). In our case, Unity will call Spawn() after spawnTime seconds and continue to do so endlessly.",n.createElement("br",null),n.createElement("br",null),"Let’s add the SpawnManager script to our game. Create a new empty gameobject called “ScriptManager”, and attach this script to it. Set Spawn Time to 5 and set the monster prefab correctly.",n.createElement("br",null),n.createElement("br",null),n.createElement("img",{src:h}),n.createElement("br",null),n.createElement("br",null),"To fill in Spawn Locations, we’re going to create empty gameobjects (which contain only transforms) and position them around the map where we want monsters to spawn.",n.createElement("br",null),n.createElement("br",null),"But where do we want to spawn them? The locations should be out of the player’s sight, so that they can’t see them pop into existence. They also have to be on the nav mesh, otherwise the spawned monster wouldn’t be able to navigate properly. To make sure we’re meeting these requirements, open up the navigation window, which should cause the blue navmesh to appear.",n.createElement("br",null),n.createElement("br",null),"Create a couple empty gameobjects and call them Spawn (you can number them if you wish). Position them around the map such that they’re on the navmesh and out of the player’s line of sight.",n.createElement("br",null),n.createElement("br",null),n.createElement("img",{src:p}),n.createElement("br",null),n.createElement("br",null),"Once you’re satisfied with your spawns, select ScriptManager and drag the spawns onto the Spawn Locations array to add to the list.",n.createElement("br",null),n.createElement("br",null),n.createElement("img",{src:d}),n.createElement("br",null),n.createElement("br",null),"Give it a shot! Starting the game now should cause a monster to spawn once every 5 seconds, and… walk in place. We have left fixing this bug as an exercise for the reader (see the next section)."),n.createElement("h2",null,"Debugging Exercise"),n.createElement("p",null,"Before continuing on with the lab, figure out why the monsters are walking in place and fix it so that the newly spawned monsters successfully navigate the environment and walk towards you after spawning. If you’re feeling lost, we’ve listed some tips below that might help.",n.createElement("ol",null,n.createElement("li",null,"Recall what you did during the last lab to make the monsters move. Since the monsters are playing their walk animation, it means they’re trying to move, but don’t know where to go. For what reason might this happen?"),n.createElement("li",null,"Start the game, then switch back to scene view and select one of the monsters to view it in the inspector. Are any of the properties incorrect?"),n.createElement("li",null,"Once you’ve isolated the cause, try to figure out why it’s happening (since your monster was working fine in the previous lab). What’s the difference between spawning a new monster from a prefab and having it in your scene in the first place?"),n.createElement("li",null,"Finally, once you understand the problem, come up with a solution to fix it. Remember that all public properties can be viewed and modified from any script.")),n.createElement("i",null,"Hint: Prefabs cannot access any gameobjects from a specific scene. This is because prefabs have to work across all scenes, and even across different projects. For that reason, they cannot use anything that’s tied to a single scene.")),n.createElement("div",{className:r.Xw},n.createElement("div",{className:r.BZ}),n.createElement("div",{className:r.BZ})),n.createElement("h2",{id:"the-player"},"The Player"),n.createElement("p",null,"We’re now going to create a script to deal with player specific logic. Create and begin editing a new script called “Player”. Similar to the monster, we’ll want to track the player’s state (either alive or dead) with enums and also store the player’s health.",n.createElement("br",null),n.createElement("br",null),n.createElement("div",{className:r.TU},"public enum State {",n.createElement("br",null),"  ","ALIVE, DEAD",n.createElement("br",null),"}",n.createElement("br",null),"public State playerState = State.ALIVE;",n.createElement("br",null),"public int maxHealth;",n.createElement("br",null),"private int health;",n.createElement("br",null),"void Start () {",n.createElement("br",null),"  ","health = maxHealth;",n.createElement("br",null),"}",n.createElement(l.CopyToClipboard,{text:"public enum State { ALIVE, DEAD } public State playerState = State.ALIVE; public int maxHealth; private int health; void Start () { health = maxHealth; }"},n.createElement(m.Z,{className:r.JG}))),n.createElement("br",null),n.createElement("br",null),"There’s only one interaction we haven’t implemented yet for the player: getting hurt by monsters. Stub in the public Hurt() function.",n.createElement("br",null),n.createElement("br",null),n.createElement("div",{className:r.TU},"public void Hurt(int damage) {",n.createElement("br",null),"}",n.createElement(l.CopyToClipboard,{text:"public void Hurt(int damage) { }"},n.createElement(m.Z,{className:r.JG}))),n.createElement("br",null),n.createElement("br",null),"This function is nearly identical to the Hurt() function in Monster.cs. Fill it out and stub in a Die() function as well.",n.createElement("br",null),n.createElement("br",null),n.createElement("div",{className:r.TU},"public void Hurt(int damage) {",n.createElement("br",null),"  ","if (playerState == State.ALIVE) {",n.createElement("br",null),"    ","health -= damage;",n.createElement("br",null),"    ","if (health <= 0) {",n.createElement("br",null),"      ","Die();",n.createElement("br",null),"    ","}",n.createElement("br",null),"  ","}",n.createElement("br",null),"}",n.createElement("br",null),"void Die() {",n.createElement("br",null),"}",n.createElement(l.CopyToClipboard,{text:"public void Hurt(int damage) { if (playerState == State.ALIVE) { health -= damage; if (health <= 0) { Die(); } } } void Die() { }"},n.createElement(m.Z,{className:r.JG}))),n.createElement("br",null),n.createElement("br",null),"What happens when the player dies? There’s a lot of things we could do, but for simplicity we’ll just restart the level. Unity gives you the ability to load up a new scene in its library UnityEngine.SceneManagement, so import it at the top of the file.",n.createElement("br",null),n.createElement("br",null),n.createElement("div",{className:r.TU},"using UnityEngine.SceneManagement;",n.createElement(l.CopyToClipboard,{text:"using UnityEngine.SceneManagement;"},n.createElement(m.Z,{className:r.JG}))),n.createElement("br",null),n.createElement("br",null),"In Unity, add the player script to your ScriptManager gameobject and set Max Health to 100.",n.createElement("br",null),n.createElement("br",null),"All that’s left is to call Hurt() whenever the player gets attacked by a monster. Switch to editing Monster.cs, and in it declare a damage variable and a reference to the Player script you just wrote.",n.createElement("br",null),n.createElement("br",null),n.createElement("div",{className:r.TU},"public int damage;",n.createElement(l.CopyToClipboard,{text:"public int damage;"},n.createElement(m.Z,{className:r.JG}))),n.createElement("br",null),n.createElement("br",null),"Finally, modify the Attack() function (and potentially other parts of the code) so that it calls Hurt() appropriately to damage the player. ",n.createElement("b",null,"Like with the debugging exercise earlier, we have left implementing this final part as an exercise to the reader.")," Again, here are some tips:",n.createElement("ul",null,n.createElement("li",null,"We now have two things called “player” in our project. The first one, “player” is a property you defined in Monster.cs during the previous lab and represents an item that gives us the location of the player (CenterEyeAnchor). The second is Player.cs is the script that you just created. Don’t get mixed up between the two."),n.createElement("li",null,"For monsters to be able to hurt the player, there needs to be some link between the monster script on on a spawned monster and the player script in the scene that you just added."),n.createElement("li",null,"Remember that all components are scripts and vice-versa, from the ones default to Unity like Rigidbody or AudioSource, to the ones you created and added to a gameobject yourself.")),"Try it out! When monsters attack you up to 5 times now, the scene should restart (indicating that you’ve lost)."),n.createElement("div",{className:r.Xw},n.createElement("div",{className:r.BZ}),n.createElement("div",{className:r.BZ}),n.createElement("div",{className:r.BZ})),n.createElement("h2",{id:"final-remarks"},"Final Remarks"),n.createElement("p",null,"Congratulations! You now have a fully implemented game that you’ve created for the Oculus Rift. There are a ton of things that could be added and improved, of course, such as moving the trigger of the gun or and adding screen effects to the camera (for the curious, that’s what the Flash script is for). We hope that this lab series gave you enough knowledge and familiarity with Unity/Oculus to kickstart your own final projects."),n.createElement("div",{className:r.Xw},n.createElement("div",{className:r.BZ}),n.createElement("div",{className:r.BZ}),n.createElement("div",{className:r.BZ}),n.createElement("div",{className:r.BZ})),n.createElement("h2",{id:"check-off"},"Check Off"),n.createElement("p",null,n.createElement("i",null,"To check off, show a facilitator that the entire game works - that you can operate the gun, that monsters spawn and move towards you, that you can defeat monsters, and that they can defeat you."))))));const E=()=>n.createElement("title",null,"Extended Reality @ Berkeley")}}]);
//# sourceMappingURL=component---src-pages-decal-labs-oculus-lab-4-js-548c5cd95c66894ed71d.js.map