Archive for the ‘HUD’ Tag

Allar’s Dev Diary #14: Day 3, Tower Defense Side Project   2 comments

Day 3 (11/20/2010)

7. Aiming With The Mouse

Now that I got the camera set up yesterday and played a lot of Vindictus, its time to get back to work. The next step is to get the player to aim towards where their mouse instead of in the direction the player camera is facing. This way movement and aim will be separated and allow for interaction with the world with the freedom of rotation but locking movement to the camera axis. Basically, the player will be controlled like most top-down shooters. Now for this project I am currently using the September build of UDK even though the October build is out as this project is also meant to help some classmates with their project which is currently September based. The reason I bring this up is that the October build of UDK strips out all UIScene functionality completely and everything related to it and in the past the class UIRoot was my primary way of accessing mouse coordinates. This means that for my project to not need a major reworking in the future I would have to find a new way to grab mouse coordinates. Now I looked all over the UDK development code and I could not find a straightforward way to do so. If there is a easier way than the process that I went to that I will go over, please let me know. The way I did it relies on a SWF to store mouse coordinates which then UnrealScript grabs. Its a little odd but it works flawlessly once set up correctly. I figured that if I used ScaleForm to grab mouse coordinates, Epic won’t be scrapping ScaleForm any time soon.

The first thing we are going to need to do is to replace the UT HUD with our own ScaleForm based HUD. As fancy as the UT HUD is, I’d rather have my own. Also, I need to create mouse coordinate functionality without relying on the old hud’s Canvas to use DeProject, which I’ll get into later. For now, I don’t need anything fancy in my HUD except a mouse cursor which will indicate where the player is aiming and will also serve as a cursor for UI interaction with HUD menus and things. Time to start up Flash and build me a HUD. I am using a trial version of Flash CS5 at the moment.

With Flash CS5, I have already set up my ScaleForm extension and my ActionScript settings. If you have not dealt with ScaleForm and Flash before, I strongly encourage checking out my ScaleForm series here. With my new flash document open, I went ahead and drew myself a cursor with the flash tools, and this is what I came up with:


Read the rest of this entry »

HTHUD: Part 3 – Implementing a Multi-Layered HUD + HUD Bars   9 comments

Video Version

Subject: HTHUD: Part 3 – Implementing a Multi-Layered HUD + HUD Bars
Skill Level: Beginner
Run-Time: 1 Hour
Author: Michael Allar
Notes: Drawing our different HUD passes so that they stack on top of each other, along with making our health and ammo bars fill up or deplete based on current health and ammo.

Streaming:     720×480 1920×1080

Download:     Low-Res (172MB) Hi-Res (232MB)

Written Version

Feel like doing some writing? Want to get noticed? Write me up a version of this video for me.

Read the rest of this entry »

Posted March 29, 2010 by Allar in Unreal

Tagged with , ,

HTHUD: Part 3 – Setting Up A Multi-Layered Dynamic HUD   1 comment

Video Version

Subject: HTHUD: Part 3 – Setting Up A Multi-Layered Dynamic HUD
Skill Level: Intermediate
Run-Time: 25 Minutes
Author: Michael Allar
Notes: Displaying our current health to the screen.

Streaming:     720×480 1920×1080

Download:     Low-Res (73MB) Hi-Res (100MB)

Written Version

Feel like doing some writing? Want to get noticed? Write me up a version of this video for me.

Posted March 29, 2010 by Allar in Unreal

Tagged with , , ,

HTHUD: Part 3 – DisplayHealth()   3 comments

Video Version

Subject: HTHUD: Part 3 – DisplayHealth()
Skill Level: Beginner
Run-Time: 22 Minutes
Author: Michael Allar
Notes: Displaying our current health to the screen.

Streaming:     720×480 1920×1080

Download:     Low-Res (73MB) Hi-Res (100MB)

Written Version

Subject: HTHUD: Part 3 – DisplayHealth()
Skill Level: Beginner
Author: Michael Allar
Notes: Displaying our current health to the screen. Read the rest of this entry »

Posted March 27, 2010 by Allar in Unreal

Tagged with , ,

HTHUD: Part 3 – Ammo Text Offsetting + Resolution Scaled Text   Leave a comment

Video Version

Subject: HTHUD: Part 3 – Ammo Text Offsetting + Resolution Scaled Text
Skill Level: Beginner
Run-Time: 35 Minutes
Author: Michael Allar
Notes: Moving our ammo HUD texture over to the right side of the screen and offsetting our text to rest to the left of it, right aligned against our image. The text will also become resolution scaled so that it looks the same at any resolution. We also add functionality to scale all of our hud text.

Streaming:     720×480 1920×1080

Download:     Low-Res (88MB) Hi-Res (124MB)

Written Version

Subject: HTHUD: Part 3 – Ammo Text Offsetting + Resolution Scaled Text
Skill Level: Beginner
Author: Michael Allar
Notes: Moving our ammo HUD texture over to the right side of the screen and offsetting our text to rest to the left of it, right aligned against our image. The text will also become resolution scaled so that it looks the same at any resolution. We also add functionality to scale all of our hud text.

Read the rest of this entry »

Posted March 27, 2010 by Allar in Unreal

Tagged with , , ,

Creating a Health Hud Icon   Leave a comment

Video Version

Subject: Creating a Health Hud Icon
Skill Level: Beginner
Run-Time: 8 minutes
Author: Michael Allar
Notes: Creating a really ugly health hud icon.

If you are an artist, please skip this tutorial. This tutorial is meant for those who have no idea how to create any type of art asset. It is done by a programmer, so the methods involved will produce extremely ugly results.

Streaming:     720×480 1920×1080

Download:     Low-Res (22MB) Hi-Res (25MB)

End Result:

Posted March 27, 2010 by Allar in Unreal

Tagged with ,

HTWeapon: Part 2 – DrawWeaponCrosshair()   12 comments

Important: I didn’t notice this until after I posted this but my stuttering is pretty bad in this video. Just a heads up. I will re-do this in the future.

Video Version

Subject: HTWeapon: Part 2 – DrawWeaponCrosshair()
Skill Level: Beginner
Run-Time: 30 minutes
Author: Michael Allar
Notes: Going over how to have our weapons handle the drawing of our crosshair.

Streaming:     720×480 1920×1080

Download:     Low-Res (111MB) Hi-Res (160MB)

Written Version

Subject: HTWeapon: Part 2 – DrawWeaponCrosshair()
Skill Level: Beginner
Author: Michael Allar
Notes: Going over how to have our weapons handle the drawing of our crosshair.

Read the rest of this entry »

Posted March 19, 2010 by Allar in Unreal

Tagged with , , , , , , , ,

HTHUD: Part 1 – Building The Base Class + Displaying Ammo   10 comments

Video Version

Subject: HTHUD: Part 1 – Building The Base Class + Displaying Ammo
Skill Level: Beginner
Run-Time: 1 Hour and 30 Minutes
Author: Michael Allar
Notes: Creating a new HUD class and having it display our current weapons ammo.

Streaming:     720×480 1920×1080

Download:     Low-Res (236MB) Hi-Res (337MB)

Video Update 3/25/2010

Run-Time: 2 Minutes
Notes: Fixes chat messages not displaying.

Streaming:     720×480

Download:     Low-Res (7MB)

Written Version

Subject: HTHUD: Part 1 – Building The Base Class + Displaying Ammo
Skill Level: Beginner
Author: Michael Allar
Notes: Creating a new HUD class and having it display our current weapons ammo.

See video for an in-depth explanation. Sorry about the indentation, it seems like my indentation will not survive copy paste… D: I will create a written tutorial soon.

Read the rest of this entry »

Posted March 10, 2010 by Allar in Unreal

Tagged with , , , , , , , , , ,