Top Banner
By Shahed Chowdhuri Senior Technical Evangelist Unity 5: First Person Tutorial First-person controls, terrain & environment @shahedC WakeUpAndCode.com
86

Unity 5: First-Person Tutorial

Jan 24, 2017

Download

Technology

Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: Unity 5: First-Person Tutorial

By Shahed ChowdhuriSenior Technical Evangelist

Unity 5: First Person TutorialFirst-person controls, terrain & environment

@shahedC

WakeUpAndCode.com

Page 2: Unity 5: First-Person Tutorial

AgendaInitial Setup, Asset Store

> First-Person Controls> Terrain, Trees, Colliders> Textures, Grass & Rocks, Water

Wrap-Up

Page 3: Unity 5: First-Person Tutorial

Initial Setup

Page 4: Unity 5: First-Person Tutorial

Assign Code Editor

Click Edit PreferencesUnder External Tools, select your Script Editore.g. MonoDevelop or Visual Studio

Tip: Browse for devenv.exe in your Program Files folder if you don’t see Visual Studio"C:\Program Files (x86)\Microsoft Visual Studio 12.0\Common7\IDE\devenv.exe"

Page 5: Unity 5: First-Person Tutorial

Visual Studio Codehttp://code.visualstudio.com

Page 6: Unity 5: First-Person Tutorial

VS Code Setup on Windows

http://darkgenesis.zenithmoon.com/configuring-unity3d-to-use-the-new-lightweight-visual-studio-code-editor/

1. Click Edit Preferences

2. External Tools

3. Browse to:• “C:\Users\<profile>\AppData\Local\Code\Bin\”

4. Select code.cmd

OPTIONAL:In VS Code, open the project folder to use Intellisense

Page 7: Unity 5: First-Person Tutorial

VS Code Setup on Mac

http://unreferencedinstance.com/how-to-integrate-visual-studio-code-with-unity3d-project/

1. Click Assets Sync MonoDevelop Project

2. Open VS Code, pick project folder

3. Pick a project (-csharp.sln) file

Page 8: Unity 5: First-Person Tutorial

Launch Any Script from Unity

Double-click Script file

Page 9: Unity 5: First-Person Tutorial

Choose Theme: Light, Dark, High Contrast

On the top menu,1.Click View2.Click Theme3.Choose a theme:

• Light Theme• Dark Theme• High Contrast Theme

Page 10: Unity 5: First-Person Tutorial

Asset Store

Page 11: Unity 5: First-Person Tutorial

Launch Unity’s Asset Store

On the top menu,1.Click Window 2.Click Asset Store

Shortcut: Ctrl+9

Page 12: Unity 5: First-Person Tutorial

Asset Store WindowVerify that you’re logged in.

Page 13: Unity 5: First-Person Tutorial

Asset Store: Top Paid

Scroll downfor top charts

Page 14: Unity 5: First-Person Tutorial

Asset Store: Top Free

Click on Top Free

(below Top Paid)

Page 15: Unity 5: First-Person Tutorial

AgendaInitial Setup, Asset Store

> First-Person Controls> Terrain, Trees, Colliders> Textures, Grass & Rocks, Water

Wrap-Up

Page 16: Unity 5: First-Person Tutorial

First-Person Controls

Page 17: Unity 5: First-Person Tutorial

Create New 3D Project

… choose 3D, then click “Create project”

Name your project…

Click File New Project…

Page 18: Unity 5: First-Person Tutorial

Create GroundFrom top menu, click GameObject 3D Object Plane

Page 19: Unity 5: First-Person Tutorial

Import Characters Package Click Assets Import Package Characters

Import All!

Page 20: Unity 5: First-Person Tutorial

Locate FPS Controller in Project Panel In the Project Panel,

Open the following:• Standard Assets

• Characters• FirstPersonCharacter

• Prefabs• FPSController

Page 21: Unity 5: First-Person Tutorial

Drag FPSController to Scene

Page 22: Unity 5: First-Person Tutorial

Run the Game!Click Play button, move with arrow keys

Notice FPSController in Hierachy

Page 23: Unity 5: First-Person Tutorial

FirstPersonController Script

Locate FirstPersonController script under:/Assets/Standard Assets/Characters/FirstPersonCharacter/Scripts/

Page 24: Unity 5: First-Person Tutorial

Inspect FirstPerson Code

Page 25: Unity 5: First-Person Tutorial

Start()

Page 26: Unity 5: First-Person Tutorial

FPSController Components

Page 27: Unity 5: First-Person Tutorial

FixedUpdate()

Page 28: Unity 5: First-Person Tutorial

GetInput()

Page 29: Unity 5: First-Person Tutorial

Edit

Project Settings

Input

Page 30: Unity 5: First-Person Tutorial

Update()

Page 31: Unity 5: First-Person Tutorial

Terrain

Page 32: Unity 5: First-Person Tutorial

Add Terrain From top menu, click GameObject 3D Object Terrain

Page 33: Unity 5: First-Person Tutorial

Zoom Out and Focus on Terrain

Page 34: Unity 5: First-Person Tutorial

Select Tool to Raise/Lower Terrain

Page 35: Unity 5: First-Person Tutorial

Drag Mouse on Terrain in Scene

Page 36: Unity 5: First-Person Tutorial

Run the game!Click Play button, move with arrow keys

Page 37: Unity 5: First-Person Tutorial

Trees

Page 38: Unity 5: First-Person Tutorial

Download & Import Unity’s Terrain Assets

Page 39: Unity 5: First-Person Tutorial

Select Tool to Place Trees

Page 40: Unity 5: First-Person Tutorial

Edit Trees for Terrain to Add Tree

In the Terrain’s Inspector window, click Edit Trees Add Tree

Page 41: Unity 5: First-Person Tutorial

Assign Tree Prefab

In the Add Tree dialog, click the tiny circle, then choose a tree, e.g. Banyan

Page 42: Unity 5: First-Person Tutorial

Confirm Add

Click the Add button to confirm.

Page 43: Unity 5: First-Person Tutorial

Mass Place Trees

Click “Mass Place Trees, then click Place to confirm

Page 44: Unity 5: First-Person Tutorial

Trees Too Small…?

Too Small!

Page 45: Unity 5: First-Person Tutorial

Update Scale for Tree PrefabIn the Project panel,

click the Prefabfor the tree you selected,

e.g. Banyan

Enter a larger Scale Factor

e.g. 1

Click Apply to update all trees!

Page 46: Unity 5: First-Person Tutorial

Enjoy Larger Trees!

Page 47: Unity 5: First-Person Tutorial

Colliders

Page 48: Unity 5: First-Person Tutorial

Verify Tree Collider Enabled

Page 49: Unity 5: First-Person Tutorial

Drag Tree Prefab to Scene

From Project panel, drag any tree prefab to the Scene

Path: /Assets/Terrain Assets/Trees Ambient-Occlusion/

Page 50: Unity 5: First-Person Tutorial

Verify Tree in Hierarchy

Page 51: Unity 5: First-Person Tutorial

Add Capsule Collider

With the tree selected in the Hierarchy, click Add Component Physics Capsule Collider in the Inspector panel

Page 52: Unity 5: First-Person Tutorial

Edit Collider Position & Dimensions

Page 53: Unity 5: First-Person Tutorial

Create Folder for Prefabs

Page 54: Unity 5: First-Person Tutorial

Create New Prefab in Prefabs Folder

Rename it, e.g. “BanyanCollider”

Page 55: Unity 5: First-Person Tutorial

Drag Tree into Prefab

NOTE: You may now delete the tree from the Hierarchy.

Page 56: Unity 5: First-Person Tutorial

Mass Place New Tree with Collider

1. Click “Place Trees” tool in Inspector with Terrain selected in Hierarchy2. Click Edit Trees… to Add Tree (prefab with collider)3. Mass Place Trees!

3 2

1

Page 57: Unity 5: First-Person Tutorial

Textures

Page 58: Unity 5: First-Person Tutorial

Import Environment Package Click Assets Import Package Environment

Import All!

Page 59: Unity 5: First-Person Tutorial

Add Texture to Terrain

1. Click “Paint Texture” tool2. Click Edit Textures…3. Click Add Texture…

1

2 3

Page 60: Unity 5: First-Person Tutorial

Choose Terrain Texture

1. Click Select button2. Choose a Texture, e.g. SandAlbedo3. Click Add

1

2

3

Page 61: Unity 5: First-Person Tutorial

Verify New Terrain Texture

Page 62: Unity 5: First-Person Tutorial

Add Another Texture with Normal Map

1. Click Select button2. Choose another Texture, e.g. Mud Rocky Albedo and Mud Rocky Normal3. Click Add

1

2

3

Page 63: Unity 5: First-Person Tutorial

Apply New Texture

With new Texture selected, drag mouse cursor along terrain to apply it.

Page 64: Unity 5: First-Person Tutorial

Add a Grassy Texture

1. Click Select button2. Choose another Texture, e.g. Grassy Hill Albedo3. Click Add

1

2

3

Page 65: Unity 5: First-Person Tutorial

Apply Grassy Texture

With new Texture selected, drag mouse cursor along terrain to apply it.

Page 66: Unity 5: First-Person Tutorial

Grass & Rocks

Page 67: Unity 5: First-Person Tutorial

Add Grass

1. Click “Paint Details” tool2. Click Edit Details…3. Click Add Grass Texture…

1

2 3

Page 68: Unity 5: First-Person Tutorial

Choose Grass Texture

1. Click icon next to Detail Texture2. Choose a Grass Texture, e.g. Grass Hill Albedo3. Click Add

1

23

Page 69: Unity 5: First-Person Tutorial

Add Rocks

1. Click “Paint Details” tool2. Click Edit Details…3. Click Add Detail Mesh…

1

23

Page 70: Unity 5: First-Person Tutorial

Choose Rock Texture

1. Click icon next to Detail Texture2. Choose a Rock Texture, e.g. Rock Mesh3. Update color and change Render Mode (Vertex Lit)4. Click Add

1 2

4

3

Page 71: Unity 5: First-Person Tutorial

Apply Grass and Rocks

With Grass/Rock selected, drag mouse cursor along terrain to apply each.

Page 72: Unity 5: First-Person Tutorial

Need a Rock with Collider?1. Drag

RockMesh into Scene.

2. Rename it in Hierachy.

3. Create empty Prefab, and drag rock into it.

1

2

3

Page 73: Unity 5: First-Person Tutorial

Add Capsule Collider

With the rock selected in the Hierarchy, click Add Component Physics Capsule Collider in the Inspector panel

Page 74: Unity 5: First-Person Tutorial

Edit Collider Position & Dimensions

Page 75: Unity 5: First-Person Tutorial

Water

Page 76: Unity 5: First-Person Tutorial

Drag Water Prefab into Scene

Page 77: Unity 5: First-Person Tutorial

AgendaInitial Setup, Asset Store

> First-Person Controls> Terrain, Trees, Colliders> Textures, Grass & Rocks, Water

Wrap-Up

Page 78: Unity 5: First-Person Tutorial

Weapon

Page 79: Unity 5: First-Person Tutorial

From OneDrive: http://1drv.ms/1TUMufE Extract into Assets folder…

Download Models Zip File

Page 80: Unity 5: First-Person Tutorial

Verify Models Folder in Project Panel

Page 81: Unity 5: First-Person Tutorial

Drag Prefab into Hierarchy

Drag “bazooka” prefab into “FirstPersonCharacter”(just below FPSController)

Page 82: Unity 5: First-Person Tutorial

Adjust Weapon PositionAdjust Position: X, Y and Z values

Page 83: Unity 5: First-Person Tutorial

Adjust Weapon PositionAdjust Position: X, Y and Z values

Page 84: Unity 5: First-Person Tutorial

For More Info:• Unity Indie Devs:

• http://facebook.com/groups/UnityIndieDevs • http://WakeUpAndCode.com/unity

• Xbox One Indie Devs:• http://facebook.com/groups/XboxOneIndieDevs• http://WakeUpAndCode.com/xb1

Page 86: Unity 5: First-Person Tutorial

AgendaInitial Setup, Asset Store

> First-Person Controls> Terrain, Trees, Colliders> Textures, Grass & Rocks, Water

Wrap-Up