/
component---src-pages-decal-homework-hw-5-js-8e43307a72bb89781468.js
2 lines (2 loc) · 18 KB
/
component---src-pages-decal-homework-hw-5-js-8e43307a72bb89781468.js
1
2
"use strict";(self.webpackChunkxr_b_website=self.webpackChunkxr_b_website||[]).push([[152],{8315:function(e,t,a){var l=a(7294),n=a(1883),r=a(1720),c=a(4647);t.Z=e=>{let{activePage:t,open:a}=e;const{0:s,1:o}=(0,l.useState)(!1);return l.createElement("section",{className:c.Mh},l.createElement("div",{className:c.ny},l.createElement(n.Link,{to:"/decal/"},l.createElement("div",{className:"home"==t?c.bB:c.wc},"Home/Announcements")),l.createElement("div",{className:c.ru},l.createElement(n.Link,{to:"/decal/homework",className:c.TN},l.createElement("div",{className:"homework"==a?c.W3:c.x7},">"),l.createElement("div",{className:"homework"==a?c.bB:c.wc},"Homework")),l.createElement("div",{className:c.u3,style:{display:"homework"==a?"flex":"none"}},l.createElement(n.Link,{to:"/decal/homework/hw1"},l.createElement("div",{className:"hw1"==t?c.bB:c.wc},"Homework 1: The Rube Goldberg Ball Machine")),l.createElement(n.Link,{to:"/decal/homework/hw2"},l.createElement("div",{className:"hw2"==t?c.bB:c.wc},"Homework 2: Music Visualizer")),l.createElement(n.Link,{to:"/decal/homework/hw3"},l.createElement("div",{className:"hw3"==t?c.bB:c.wc},"Homework 3: Fractal Generation")),l.createElement(n.Link,{to:"/decal/homework/hw4"},l.createElement("div",{className:"hw4"==t?c.bB:c.wc},"Homework 4: Pong")),l.createElement(n.Link,{to:"/decal/homework/hw5"},l.createElement("div",{className:"hw5"==t?c.bB:c.wc},"Homework 5: Collisions, Raycasting, and Triggers")))),l.createElement("div",{className:c.ru},l.createElement(n.Link,{to:"/decal/labs",className:c.TN},l.createElement("div",{className:a.includes("labs")?c.W3:c.x7},">"),l.createElement("div",{className:a.includes("labs")?c.bB:c.wc},"Labs")),l.createElement("div",{className:c.u3,style:{display:a.includes("labs")?"flex":"none"}},l.createElement("div",{className:c.ru},l.createElement(n.Link,{to:"/decal/labs/oculus",className:c.TN},l.createElement("div",{className:"oculuslabs"==a?c.W3:c.x7},">"),l.createElement("div",{className:"oculuslabs"==a?c.bB:c.wc},"Oculus Labs")),l.createElement("div",{className:c.u3,style:{display:"oculuslabs"==a?"flex":"none"}},l.createElement(n.Link,{to:"/decal/labs/oculus/lab1"},l.createElement("div",{className:"oculuslab1"==t?c.bB:c.wc},"Oculus Lab 1")),l.createElement(n.Link,{to:"/decal/labs/oculus/lab2"},l.createElement("div",{className:"oculuslab2"==t?c.bB:c.wc},"Oculus Lab 2")),l.createElement(n.Link,{to:"/decal/labs/oculus/lab3"},l.createElement("div",{className:"oculuslab3"==t?c.bB:c.wc},"Oculus Lab 3")),l.createElement(n.Link,{to:"/decal/labs/oculus/lab4"},l.createElement("div",{className:"oculuslab4"==t?c.bB:c.wc},"Oculus Lab 4")))))),l.createElement(n.Link,{to:"/decal/lectures/"},l.createElement("div",{className:"lectures"==t?c.bB:c.wc},"Lectures")),l.createElement(n.Link,{to:"/decal/resources/"},l.createElement("div",{className:"resources"==t?c.bB:c.wc},"Extra resources"))),l.createElement("div",{className:c.JC},l.createElement("div",{className:c.NR},l.createElement("img",{className:c.jY,src:r.Z,alt:"logo"}),l.createElement("div",{className:c.Er,onClick:()=>o(!s)},l.createElement("div",{className:c.ej},l.createElement("h1",null,"...")))),s?l.createElement("div",{className:c.Qs},l.createElement("div",{className:c.qK},l.createElement(n.Link,{to:"/decal/"},l.createElement("div",{className:"home"==t?c.bB:c.wc},"Home/Announcements")),l.createElement("div",{className:c.ru},l.createElement(n.Link,{to:"/decal/homework",className:c.TN},l.createElement("div",{className:"homework"==a?c.W3:c.x7},">"),l.createElement("div",{className:"homework"==a?c.bB:c.wc},"Homework")),l.createElement("div",{className:c.u3,style:{display:"homework"==a?"flex":"none"}},l.createElement(n.Link,{to:"/decal/homework/hw1"},l.createElement("div",{className:"hw1"==t?c.bB:c.wc},"Homework 1: The Rube Goldberg Ball Machine")),l.createElement(n.Link,{to:"/decal/homework/hw2"},l.createElement("div",{className:"hw2"==t?c.bB:c.wc},"Homework 2: Music Visualizer")),l.createElement(n.Link,{to:"/decal/homework/hw3"},l.createElement("div",{className:"hw3"==t?c.bB:c.wc},"Homework 3: Fractal Generation")),l.createElement(n.Link,{to:"/decal/homework/hw4"},l.createElement("div",{className:"hw4"==t?c.bB:c.wc},"Homework 4: Pong")),l.createElement(n.Link,{to:"/decal/homework/hw5"},l.createElement("div",{className:"hw5"==t?c.bB:c.wc},"Homework 5: Collisions, Raycasting, and Triggers")))),l.createElement("div",{className:c.ru},l.createElement(n.Link,{to:"/decal/labs",className:c.TN},l.createElement("div",{className:"labs"==a?c.W3:c.x7},">"),l.createElement("div",{className:"labs"==a?c.bB:c.wc},"Labs")),l.createElement("div",{className:c.u3,style:{display:a.includes("labs")?"flex":"none"}},l.createElement("div",{className:c.ru},l.createElement(n.Link,{to:"/decal/labs/oculus",className:c.TN},l.createElement("div",{className:"oculuslabs"==a?c.W3:c.x7},">"),l.createElement("div",{className:"oculuslabs"==a?c.bB:c.wc},"Oculus Labs")),l.createElement("div",{className:c.u3,style:{display:"oculuslabs"==a?"flex":"none"}},l.createElement(n.Link,{to:"/decal/labs/oculus/lab1"},l.createElement("div",{className:"oculuslab1"==t?c.bB:c.wc},"Oculus Lab 1")),l.createElement(n.Link,{to:"/decal/labs/oculus/lab2"},l.createElement("div",{className:"oculuslab2"==t?c.bB:c.wc},"Oculus Lab 2")),l.createElement(n.Link,{to:"/decal/labs/oculus/lab3"},l.createElement("div",{className:"oculuslab3"==t?c.bB:c.wc},"Oculus Lab 3")),l.createElement(n.Link,{to:"/decal/labs/oculus/lab4"},l.createElement("div",{className:"oculuslab4"==t?c.bB:c.wc},"Oculus Lab 4")))))),l.createElement(n.Link,{to:"/decal/lectures/"},l.createElement("div",{className:"lectures"==t?c.bB:c.wc},"Lectures")),l.createElement(n.Link,{to:"/decal/resources/"},l.createElement("div",{className:"resources"==t?c.bB:c.wc},"Extra resources")))):""))}},9686:function(e,t,a){var l=a(7294),n=a(1883),r=a(1720),c=a(4647);t.Z=e=>{let{activePage:t}=e;const{0:a,1:s}=(0,l.useState)(!1);return l.createElement("section",null,l.createElement("div",{className:c.ny},l.createElement("img",{className:c.jY,src:r.Z,alt:"logo"}),l.createElement(n.Link,{to:"/home/"},l.createElement("div",{className:"home"==t?c.bB:c.wc},"Home")),l.createElement(n.Link,{to:"/about/"},l.createElement("div",{className:"about"==t?c.bB:c.wc},"Who we are")),l.createElement(n.Link,{to:"/projects/"},l.createElement("div",{className:"projects"==t?c.bB:c.wc},"Projects")),l.createElement(n.Link,{to:"/decal/"},l.createElement("div",{className:"decal"==t?c.bB:c.wc},"Decal")),l.createElement("a",{href:"https://discord.com/invite/GvGUUCN",target:"_blank"},l.createElement("div",{className:c.wc},"Discord"))),"decal"!=t?l.createElement("div",{className:c.JC},l.createElement("div",{className:c.NR},l.createElement("img",{className:c.jY,src:r.Z,alt:"logo"}),l.createElement("div",{className:c.Er,onClick:()=>s(!a)},l.createElement("div",{className:c.ej},l.createElement("h1",null,"...")))),a?l.createElement("div",{className:c.Qs},l.createElement("div",{className:c.qK},l.createElement(n.Link,{to:"/home/"},l.createElement("div",{className:"home"==t?c.bB:c.wc},"Home")),l.createElement(n.Link,{to:"/about/"},l.createElement("div",{className:"about"==t?c.bB:c.wc},"Who we are")),l.createElement(n.Link,{to:"/projects/"},l.createElement("div",{className:"projects"==t?c.bB:c.wc},"Projects")),l.createElement(n.Link,{to:"/decal/"},l.createElement("div",{className:"decal"==t?c.bB:c.wc},"Decal")),l.createElement("a",{href:"https://discord.com/invite/GvGUUCN",target:"_blank"},l.createElement("div",{className:c.wc},"Discord")))):""):"")}},6831:function(e,t,a){a.r(t),a.d(t,{Head:function(){return E},default:function(){return h}});var l=a(7294),n=(a(1883),a(1220)),r=a(9686),c=a(8315),s=a(3307),o=a(6714),i=a.p+"static/HW5-0-0fc4f8ea3edf847cdf7ff4dd00f95729.png",m=a.p+"static/HW5-1-1c91c59c5ca882d3eb3964c7d2f43c98.png",u=a.p+"static/HW5-2-a8753df5e41df4bbf79f85f56b67dc0b.png",d=a.p+"static/HW5-3-a4765e971f4391217cf2ebd28c509f60.png";var h=()=>l.createElement("main",null,l.createElement("body",null,l.createElement(r.Z,{activePage:"decal"}),l.createElement("div",{className:n.Eu},l.createElement(c.Z,{activePage:"hw5",open:"homework"}),l.createElement("div",{className:n.aS},l.createElement("h1",null,"Homework 5: Collisions, Raycasting, and Triggers"),l.createElement("div",{className:n.d$},l.createElement("h2",null,"Table of Contents"),l.createElement("p",null,l.createElement("span",{className:n.Vd},l.createElement(s.Z,{text:"Overview",color:"red",icon:o.Z,type:"underlineOut",link:"#overview",alt:""}))),l.createElement("p",null,l.createElement("span",{className:n.Vd},l.createElement(s.Z,{text:"Part 1",color:"red",icon:o.Z,type:"underlineOut",link:"#part1",alt:""}))),l.createElement("p",null,l.createElement("span",{className:n.Vd},l.createElement(s.Z,{text:"Part 2",color:"red",icon:o.Z,type:"underlineOut",link:"#part2",alt:""}))),l.createElement("p",null,l.createElement("span",{className:n.Vd},l.createElement(s.Z,{text:"Submission and Grading",color:"red",icon:o.Z,type:"underlineOut",link:"submission-and-grading",alt:""})))),l.createElement("p",null,"While the previous homework was very open-ended, this homework has slightly more structure in order to help you get ready for developing your own final project. This homework focuses on collisions, raycasting, and triggers which are staples of user-world interaction in Unity.",l.createElement("br",null),l.createElement("br",null),"You’ll be building the functionality of two different guns: one of which is the flare gun which will rely on Unity physics and collisions, and the other is the laser gun which will use raycasting to detect its target. You will also make a pressure plate that detects when the user has stepped on it using triggers. This homework is split into two parts.",l.createElement("br",null),l.createElement("br",null),"You can download the skeleton project ",l.createElement("a",{href:"https://drive.google.com/open?id=1R59r77jqtPv-28q-KRDHP9Ca2Hi24oYd",target:"_blank",className:n.JA},"here"),".",l.createElement("br",null),l.createElement("br",null),l.createElement("img",{src:i})),l.createElement("div",{className:n.Xw},l.createElement("div",{className:n.BZ})),l.createElement("h2",{id:"overview"},"Overview"),l.createElement("p",null,"While the labs have taken you through some of this work already, most of this homework is implementation from the ground up. We don’t expect you to know everything from the start to complete this homework; rather we’d like for you to search online for how some of these things work. Results from stackoverflow, the Unity forums, and Reddit are usually helpful. Searching things like “how to detect object collision unity” is bound to give you pertinent results. It’s important to get used to this since it’s very helpful for the final project, as well as any independent projects you may do later on.",l.createElement("br",null),l.createElement("br",null),"When you’re done with both parts of the homework, you should have:",l.createElement("ol",null,l.createElement("li",null,"A flare gun that fires a flare bullet with working sound, and increments the target text counter when a bullet hits the target."),l.createElement("li",null,"A laser gun that fires a ray with working sounds, and increments, the target text counter when the ray hits the target."),l.createElement("li",null,"A pressure plate that displays the “Stepped on Trigger!” message on the wall when stepped on.")),"You may find this chart helpful:",l.createElement("br",null),l.createElement("br",null),l.createElement("img",{src:m}),l.createElement("br",null),l.createElement("br",null),"You can learn more ",l.createElement("a",{href:"https://docs.unity3d.com/Manual/CollidersOverview.html",target:"_blank",className:n.JA},"here"),"."),l.createElement("div",{className:n.Xw},l.createElement("div",{className:n.BZ}),l.createElement("div",{className:n.BZ})),l.createElement("h2",{id:"part1"},"Part 1"),l.createElement("h2",null,"The Scene"),l.createElement("p",null,"When you load the SampleScene given in the package, you will notice that there are two floating gun models, a target with a text counter over it, and a green square on the ground. Your task for the first part will be to implement the firing and hit detection mechanics for the flare gun and the target.",l.createElement("br",null),l.createElement("br",null),"Moving and turning have already been implemented for you, with ",l.createElement("b",null,"WASD")," controlling movement and your mouse controlling rotation. Press ",l.createElement("b",null,"Q")," to switch between the two guns. Some advanced movement options are holding the shift key while moving to sprint and pressing the spacebar to jump. They use key bindings in Project Settings>Input. Before you can use these built in controls, go to Edit>Project Settings>Input and change the size under axes to 20. This will allow you to create two new Input bindings. Name one ",l.createElement("b",null,"SwapGuns")," and set the Positive Button to ",l.createElement("b",null,"q"),". Name the other ",l.createElement("b",null,"FireGun")," and set the Positive Button to ",l.createElement("b",null,"mouse 0"),". Our controls implementation relies on these Inputs so make sure you do this or else shooting and swapping guns won’t work. If you’re curious or want to change the movement scripting, you can find the source code in Assets/Standard Assets/Characters/FirstPersonCharacter/Scripts.",l.createElement("br",null),l.createElement("br",null),l.createElement("img",{src:u}),l.createElement("br",null),l.createElement("br",null),"Once you have the flare gun shooting and flare bullets and incrementing the hit counter, you have finished part 1!"),l.createElement("h2",null,"The Scene"),l.createElement("p",null,"Your job is to make the flare gun fire a visible projectile (a flare bullet) which is another GameObject. Unity physics will act on the flare to give it velocity and collisions with the world. When the flare hits the target, the target’s onHit() method should be called which will increment the scoreboard (this functionality has already been implemented for you as well).",l.createElement("br",null),l.createElement("br",null),"The models and controls are already setup for you, so your job is to handle all the scripting. The flare gun and the flare are separate entities and have their own scripts, so make sure you are separating their functions. For example, does the flare fun need to know anything about the target? Probably not, since the flare bullet will be what actually collides with and interacts with the target. Take a look at ",l.createElement("b",null,"FlareGunFiring.cs")," and ",l.createElement("b",null,"FlareBullet.cs")," for details in the code comments. Like the monster in the lab, remember to put a tag on the target! Feel free to mess around with the effects and sounds."),l.createElement("div",{className:n.Xw},l.createElement("div",{className:n.BZ}),l.createElement("div",{className:n.BZ}),l.createElement("div",{className:n.BZ})),l.createElement("h2",{id:"part2"},"Part 2"),l.createElement("h2",null,"The Laser Gun"),l.createElement("p",null,"Instead of a projectile, the laser gun should fire a visible (or can be invisible) “ray” from the gun model which shoots out in a straight line and is unaffected by physics. Like the flare bullet, the laser gun should also call the target’s onHit() method when the ray hits the target. Look in ",l.createElement("b",null,"LaserGunFiring.cs")," for an overview. The visuals of this ray are already created for you, but the mechanics are not. You should be editing the fireLaserGun() method."),l.createElement("h2",null,"Pressure Plate"),l.createElement("p",null,"For this part, you will write the code in ",l.createElement("b",null,"StepTriggerScript.cs")," to call the steppedOnTrigger() method (already made for you) when the player steps on the green pad. Refer to the collision chart to decide which colliders will work for this. You will need to make a new method for this functionality.",l.createElement("br",null),l.createElement("br",null),l.createElement("img",{src:d}),l.createElement("br",null),l.createElement("br",null),"If you have the laser gun shooting and updating the target’s hit counter correctly, and the green pressure plate displaying ‘Stepped on Trigger!’, you have finished part 2."),l.createElement("div",{className:n.Xw},l.createElement("div",{className:n.BZ}),l.createElement("div",{className:n.BZ}),l.createElement("div",{className:n.BZ}),l.createElement("div",{className:n.BZ})),l.createElement("h2",{id:"submission-and-grading"},"Submission and Grading"),l.createElement("p",null,"Use simmer.io to submit your work to bCourses.")))));const E=()=>l.createElement("title",null,"Extended Reality @ Berkeley")},1220:function(e,t,a){a.d(t,{BZ:function(){return n},En:function(){return o},Eu:function(){return l},JA:function(){return h},JG:function(){return s},Jb:function(){return m},TU:function(){return c},Vd:function(){return i},Xw:function(){return r},aS:function(){return u},d$:function(){return d}});var l="decal-module--bodyWrapper--7cbfc",n="decal-module--box--08640",r="decal-module--boxLine--6ea90",c="decal-module--code--9b2c6",s="decal-module--copy--cc970",o="decal-module--lectures--2770e",i="decal-module--redLink--36893",m="decal-module--resources--ee376",u="decal-module--textWrapper--f3b49",d="decal-module--toc--fe879",h="decal-module--yellowUnderline--1be03"},4647:function(e,t,a){a.d(t,{Er:function(){return w},JC:function(){return d},Mh:function(){return c},NR:function(){return u},Qs:function(){return E},TN:function(){return f},W3:function(){return r},bB:function(){return l},ej:function(){return b},jY:function(){return i},ny:function(){return m},qK:function(){return h},ru:function(){return s},u3:function(){return v},wc:function(){return o},x7:function(){return n}});var l="nav-module--active--e2142",n="nav-module--arrow--f97c8",r="nav-module--arrowOpen--0a74b",c="nav-module--decal--6e3af",s="nav-module--group--9c696",o="nav-module--item--0b430",i="nav-module--logo--d13a3",m="nav-module--navBar--cb2fc",u="nav-module--navBarSmall--0bb6d",d="nav-module--navBarSmallWrapper--b56b7",h="nav-module--navList--7fdbd",E="nav-module--navListWrapper--3782d",b="nav-module--smallNavButton--bf652",w="nav-module--smallNavButtonOutline--db7e1",v="nav-module--subLinks--34e84",f="nav-module--title--d190f"}}]);
//# sourceMappingURL=component---src-pages-decal-homework-hw-5-js-8e43307a72bb89781468.js.map