Tuesday, 25 March 2014

Creating custom HUDs.

A new Image Processing assignment has come up, this time I will be designing my own custom HUD's for my 3D game. For this I will be using Adobe Flash and import the .fla file to UDK. The first step is to install the ScaleForm extension, there is a very good tutorial to do that in YouTube. It uses an older version of Flash but it doesn't make a difference to me.




One important step is while creating your own folder, you're going to have 1 main folder, 1 sub-folder and 1 folder for each flash file.

Main Folder

Sub-folder inside main folder

Folder for flash file

That folder will contain the original .PNG image(which must be to the power of 2) and it should have the same name as the flash file. That folder is needed so the HUD will be stretched properly in any monitor. Another important thing to remember is the size you create the flash file. I created it in 1024x768, because that's the size of the "play in UDK" screen. Where you place the text in the file is also important because that's where the text will appear on the screen!

This code in Kismet is triggered when the player reaches a certain location in the level and will trigger the HUD to appear. Make sure you close the GFx movie otherwise it is going to stay there forever! On the open GFx movie node, you have to link the swf movie from the content browser.

Kismet code to play a flash movie

Final result



No comments :

Post a Comment