/
Yingcai Xiao Game Development Yingcai Xiao Game Development

Yingcai Xiao Game Development - PowerPoint Presentation

jane-oiler
jane-oiler . @jane-oiler
Follow
364 views
Uploaded On 2018-02-27

Yingcai Xiao Game Development - PPT Presentation

Intro to Unreal Engine Unreral Game Engine Engine httpswwwunrealenginecom Open Source complete source code IDE Blueprint C Documentation Tutorials Examples Discussion Forums ID: 637880

click animation add game animation click game add content file pan editor mesh material blend key persona unrealengine browser

Share:

Link:

Embed:

Download Presentation from below link

Download Presentation The PPT/PDF document "Yingcai Xiao Game Development" is the property of its rightful owner. Permission is granted to download and print the materials on this web site for personal, non-commercial use only, and to display it on your personal computer provided you do not modify the materials and that you retain all copyright notices contained in the materials. By downloading content from our website, you accept the terms of this agreement.


Presentation Transcript

Slide1

Yingcai Xiao

Game Development Intro to Unreal EngineSlide2

Unreral

Game EngineEngine (https://www.unrealengine.com)Open Source (complete source code) IDE (Blueprint, C++)Documentation

TutorialsExamplesDiscussion ForumsEducational Use (free)Slide3

Installed on the lab computers

Start->All Programs->Unreal Development Kit->UDK 2015-01UDK Editor: IDE for visual game developmentUDK Games: Example Games built with UDKDocumentation Tools Slide4

UDK EditorSlide5

The default game.

When you open UDK->Editor, you will see a default first-person game,a default game object placed at the center, anda default camera placed at the lower-right corner.Play->Play in editorUse the arrow key to move around.

Animation with camera movements.Slide6

Add your own objects.

Select a Brush typeBrush-CSG->AddPlaySelect another Brush typeBrush-CSG->AddBrush->CSG-

>SubtractSlide7

Installation on your own computer

Register an account https://www.unrealengine.com/registerDownload the dashboard (1GB)https://www.unrealengine.com/dashboardStart the Dashboard, then go to Library, +Add Engine, Subscribe

Subscribe with the code from GitHub Student Developer Packhttps://www.unrealengine.com/code-redemptionDownload the engine (3GB)Dashboard, Library, Engines, Download.(Can be downloaded on multiple computers with one account.)Slide8

Basic Game Engine Components

RenderingCollision detectionAIVisibilityNetworkingScriptingFile system managementSlide9

Supporting rendering/graphics engines

Microsoft DirectX for Microsoft Windows, Xbox One, Windows RTOpenGL for OS X, Linux, PlayStation 4, iOS, Android, and Windows XPJavaScript/WebGL

for HTML5 Web browsersSlide10

UE4

Tim Sweeney, Epic Games, Started in 2003Released in 2014Shaders/GPUAndroidBlueprint visual scripting Kismet in UE3

and UnrealScript in UE2/1Slide11

Blue prints

Visual scriptingNodesEventsFunctionsVariablesSlide12

Blue print types

Level (each level can have one)Class (game objects)PrefabsPawns (player characters)HUD (heads-up display, status bar)Slide13

A More

Advanced GameSlide14

Blueprint Tutorial

A third person gamehttps://wiki.unrealengine.com/File:ThirdPerson_FBX.zip (Chose the one dated April 2014.)Follow the tutorial athttps://wiki.unrealengine.com/Introduction_to_Third_Person_Blueprint_Game_-_1_-_IntroSlide15

Blueprint Tutorial

FBX (Autodesk 3D model files)Skeleton animation with joints/bones.Have to use the same skeleton or skeletons with the same hierarchy to share animation.Slide16

Import FBX

Create a “Character” directory in the Content BrowserDrag HeroTPP from the unzipped FBX.zip to file pan.Import. Double click on the HeroTPP

in the file pan.In the skeleton editor, select the Mesh tab.Slide17

Import Animation

Create an “Animation” directory under “Character” directory in the Content BrowserDrag all the animation files from the unzipped FBX.zip to the file pan.Select the HeroTPP skeleton in the import dialog. file pan.Import All.

Ctrol+S often to save everything.Slide18

Persona

Animation editor in UE4Filter animation files Click on the idle animation file.Persona will start.Right click on a bone allow you to add sockets to hold other things.Double click on any animation file in Content Browser will start the Asset Browser. Brows through the list to view the animations.Slide19

Persona - Mesh

Mesh tab gives you more details on the mesh than the Skeleton tab.Mesh allow you to morph (change the shape of) a mesh.Slide20

Persona - Animation

Click on the animation pan (below the viewing window).You can add notification to trigger a secondary animation.You can add a curve to change a property (variable), say, face color.Slide21

Input

Edit->Project Setting->Engine->InputAction Mapping: key up/down operationsAxis Mapping: continuous operationsAxis +, Move Forward+ to add key F – Scale 1.0 + to add key B – Scale

-1.0 + to add key Up – Scale 1.0 + to add key Down – Scale -1.0 Export to be added into product .ini

file.Slide22

Material

Content Browser->Game->CharactorRight click on it Create Asset -> MaterialName it Character_ParentDouble click on it Go to the Material E

ditorSlide23

Material Editor

Right click in the material editor pan.Select a desired color.Ok to see the update of the color on the object.Create another parameter (scalar) and name it metallic.Change its value in “Details” to 0.2“Apply”Slide24

Use Material

Go to Content BrowserRight click on Character_ParentCreate Material InstanceName it Charactor_Inst

Double click on it to edit the instance.Slide25

Use Material

Go to Content Browserdouble click on HeroTPPPersona will be up.Drag the Character_inst

from Content Browser to Mesh DetailsThe color of the character will change after compilation.Slide26

Blend Space

Construct more complicate animations: blend multiple animations.Graph of variables (e.g. speed, direction)Click on “Animation” folder in the Content BrowserIn the files pan, righ clickAnimation->Blend Space 1DSelect the

HeroTPP skeletonName it Idle_walk_runSlide27

Blend Space

In the asset browser of the Persona, select idle_walk_run.Change X Axis Parameters:Name: speedRange: 0, 368Division: 4ApplySlide28

Blend Space

Drag the animations from Asset Browser of Persona to blend animationsIdle to Speed 0Walk to the middleRun to Speed 368