Using Scaleform in UDK Five Part Tutorial

[Flak]

A comprehensive 5-part video series produced by Scaleform that will explain how to create Flash menus, HUDS, and interactive in-game 3D content using Scaleform GFx in UDK.
[/URL]http://www.youtube.com/user/scaleformpress#p/u/17/oSbr7uc-JyM (http://www.youtube.com/watch?v=s_v7W8h8f8s)

You can see the rest of the videos on Scaleform's YouTube channel:

[URL]http://www.youtube.com/user/scaleformpress

[Cheer]

COOL, ill watch them tomorow :)

[danimal']

Not that I'm ungrateful, I <3 me some Scaleform and Epic, but this is virtually identical to the Unreal Engine tutorial available to UE licensees. It just got a new voice over to say UDK instead of UE and a new texture :( I was kind of hoping for more after this time, is there a plan for any more of these that are a little more indepth or is this it? Not complaining, free is free, just hopeful!

[gpcastle]

Hi! Greg from Scaleform here.

danimal' you are are correct in their likeness to previous videos available to Unreal licensees. Our goal with these videos was to update them for the UDK package and make them public for UDK users who wouldn't have had access to UE licensee videos.

At present, we are working on several new videos to demonstrate more advanced Scaleform usage.

Please check back at our Youtube channel over the coming weeks for these videos and feel free to leave suggestions there for any specific topics you'd like to see us cover:

http://www.youtube.com/user/scaleformpress

Thanks,
Greg

[danimal']

Awesome Greg, thanks for the reply, it's appreciated! You guys really seem on top of things, I'll just sit back and not grumble with all the free awesomeness provided ;)

My vote for a tutorial topic is a proper settings menu. Several people have already done basic menu and HUD, but no one wants to tackle a proper settings menu. Again, just my wish, and it need not be anything extensive, just a simple menu with a checkbox option, a slider, a dropdown and maybe a button that allows a key to be rebound. That should cover the basics of everything someone needs in an options menu. Just my 2 cents, thanks for all the free goodness.

[Mr Evil]

Personally I would like to see some more information on the UScript side of things (it sometimes feels like everyone has forgotten that you can't write an entire game in Kismet). Use of list widgets in particular (I hope they aren't as horrible as the old UILists were).

[gpcastle]

Thanks for the suggestions guys, keep'em coming.
We're listening!

[Lost Haven]

Thanks, great videos for beginners. Can you use scale form on characters, that would be great.
Can't wait for more advanced tutorials, so that I can learn how to make an advanced menu system.

[Cheer]

Awesome Greg, thanks for the reply, it's appreciated! You guys really seem on top of things, I'll just sit back and not grumble with all the free awesomeness provided ;)

My vote for a tutorial topic is a proper settings menu. Several people have already done basic menu and HUD, but no one wants to tackle a proper settings menu. Again, just my wish, and it need not be anything extensive, just a simple menu with a checkbox option, a slider, a dropdown and maybe a button that allows a key to be rebound. That should cover the basics of everything someone needs in an options menu. Just my 2 cents, thanks for all the free goodness.

Yeh the (3d) menu would be cool in a tutorial :)

[gpcastle]

Hi Cheer,
3d tutorial is in the works as well.

[eAlex79]

I think most important are Scaleform CLIK specifics, like how to bind complex CLIK widgets, like Mr Evil said.

[geodav]

may i be cheeky and as for one on character selection.

Thanks ;)

[marcusmattingly]

Thanks!

Very nice tutorials. I'm looking forward to the one about HUDs.

I would also love to see how you accomplish some of these same things using Unrealscript rather than Kismet.

Thanks again.

[Count_de_Money]

Not sure whether this should be covered under Scaleform tutorials or it's just separate scripting part, but I would love to see few HUD effects, maybe zoom out/it, or one that's popular these days is FPS, HUD shake/distortion when player gets hit (or is near death).

But even whiteout that part, some sweet 3d menus and you've bought me. :)

[westclif]

an inventorysystem(like the one in diablo/where you have a arround 40 fields where you can put items in but the items need around 1-8 fields if they're bigger) or another tutorial for a very complex hud would be nice =)

[taz1004]

I'm not sure if there is a tutorial already but I'm having a difficulty trying to get custom rotating map on the HUD to work. A tutorial on this would be nice.

[Sublemon]

Hi Greg, with the push for HTML5 and browsers (slowly)moving away from Adobe Flash for video playback, are you guys afraid at all of the general public losing interest in Flash? Obviously you guys are very smart and forward-thinking, is there any other platforms that you guys are looking to develop with?

[eAlex79]

But game engines ain't no web browsers.. :p

[iced-fang]

where can we get scaleform

[eAlex79]

It's part of UDK...

[TheFallen1]

It's part of UDK...

ok so where do you find the scaleform executable?

[eAlex79]

http://udn.epicgames.com/Three/Scaleform.html

...

[Sublemon]

ok so where do you find the scaleform executable?

It's built into the UDK binary. You still need something to compile SWF files with something like Adobe Flash, but the link above will give you links to alternatives.

[ghost59]

do you know how to make a cover system in udk

[TheLotus]

Sorry I bad English.

Tutorial problem:

http://img443.imageshack.us/img443/8867/problemwn.jpg

[gpcastle]

Hi Guys,
As you requested, new 3Di tutorial now available.
http://www.youtube.com/watch?v=cHOoWn5pvJU
-Greg

[DJMidknight]

Greg says the video from the above link was removed by user :(

[gpcastle]

Sorry guys video below:
http://www.youtube.com/user/scaleformpress#p/a/u/1/kuEZdxKS3Ns

[Matt Doyle]

Hey guys! I'm working on more tutorials. I have your requests from the forum here, and will evaluate them all to see which ones we can do for you. Here's the requests I have so far:

• Functional options menu (this was already on the plate)
• List CLIK widgets via UnrealScript
• Character select tutorial
• HUD (also already on the list of to-do tuts)
• Diablo-esque inventory system
• Mini-map tutorial (this one is on the list as well)

Bear with me, as I'm just one man, but I will try to get some great new tuts out to you guys as soon as I can.

Please, keep the requests coming and let us know what you think of the integration. Ways to improve it, what you like, what you don't like, etc.

[alvarofer0020]

• Diablo-esque inventory system
• Mini-map tutorial (this one is on the list as well)

oh god yes!!!!

[geodav]

here's hoping

thanks in advance ;)

[NChamp]

Indeed. Thanks for the tutorials!

[Ninjabuntu]

AWESOME! I bought myself Adobe Flash Pro CS5 to make use of Scale form and to broaden my Skill set. these will be very helpful in the future when I make more and more advanced UDK projects.

Thank you...

[Rheq]

Loving your enthusiasm Mr. Doyle, thanks for all your hard work.

[rvc]

I don't know if it's you (Matt Doyle) who can do this, but somebody should update the link to the video here too: http://udn.epicgames.com/Three/Scaleform.html

[JamieG]

• Functional options menu (this was already on the plate)
• List CLIK widgets via UnrealScript


These would be great, there's very little documentation (that I can find) regarding the unrealscript-side of CLIK interaction. For example, how to I get/set the value of dropdown menus or checkboxes in unrealscript?

[Matt Doyle]

The following UnrealScript would work to get the value of a checkbox, assuming your checkbox has an instance name in Flash of 'aCheckBox' and assuming you're using a CLIK widget for that checkbox:

Getting a Checkbox's Value


var GFxClikWidget MyCheckBox;
var bool MyOption;

event bool WidgetInitialized(name WidgetName, name WidgetPath, GFxObject Widget)
{
switch(WidgetName)
{
case ('aCheckBox'):
MyCheckBox = GFxClikWidget(Widget);
MyCheckBox.AddEventListener('CLIK_select', OnMyCheckBoxChange);
default:
break;
}
return true;
}

function OnMyCheckBoxChange(GFxClikWidget.EventData ev) {
MyOption = bool(MyCheckBox.GetString("_selected"));
`log(MyOption);
}

defaultproperties
{
WidgetBindings.Add((WidgetName="aCheckBox",WidgetClass=class'GFxClikWidget'))
}

This will return true or false, though it will return undefined at first unless you specify the checkbox's value in UnrealScript and/or ActionScript first as true or false.

NOTE: While you could use CLIK_press as the event to listen for, this would yield the previous state of the checkbox and not the current state. CLIK_select ensures you get the current state of the checkbox AFTER the user pressed the checkbox button.

Setting a Checkbox's Value

To set a checkbox from UnrealScript:


SetMyCheckBox(true); // or false

function SetMyCheckBox(bool b) {
ActionScriptVoid("SetMyCheckBox");
}

In ActionScript, you should have the following code:


function SetMyCheckBox(checked:Boolean) {
aCheckBox.selected = checked;
}

[JamieG]

Cool, thanks! I will give that a try.

Edit[1] can I use GetBool instead of GetString?


MyCheckBox.GetBool("_selected");


Edit[2] nevermind, I tested it myself and it works :)

Edit[3] also, as an FYI, I can set the checkbox purely through unrealscript if I use:


MyCheckBox.SetBool("selected", MyBooleanVlaue);

[Matt Doyle]

I don't see why not. Give it a try. By the way, I made some adjustments to the code. So you should refresh the post and read the code again.

[DNB_BEATS]

Ok. So after tons of researchI cant seem to find the 3Di functionality for UDK. I have the august build but is scaleform 3.2+ not available to UDK Users? The reason i ask is because I want to use it to build my main menu for the game me and my Class mates are building for our project for school. I have tried to register at scaleform and am not able to due to my email being a public address.

Please if anyone can help me figure this out i would GREATLY APPRECIATE IT!

Thanks

Pete

[Matt Doyle]

The video on it is here: http://www.youtube.com/user/scaleformpress#p/u/16/kuEZdxKS3Ns

[tegleg]

in the videos you refer to the 'getting started with click document'
where is this?

[Matt Doyle]

Please be aware that most of our documents are only available to licensees of GFx. The videos were originally created for licensees as well, but we have released them to the public to help you guys out.

[TOP-Proto]

looking forward to the settings menu vid matt :) - my team want to beat me for not having one implemented yet! ;)

[nsx_nawe]

Hi there!,
these videos seem extremely helpfull, really!.

I´ve a got a basic plain flash menu setup with only one button invoking an FScommand to load a map...

Id like to ask if the following assumption is correct:

- If I follow the Getting started with CLIK videos to setup a menu using those components, I could later use the 3Di extensions to rotate those same components and convert that menu into the same one but in 3D perspective?

Thanks for all the help, cant wait to get home to try some stuff out with this and get on the road with the menu for my game!

cheers!

[Matt Doyle]

Yes, you can use 3Di extensions on pretty much anything in Flash.

[Warkanlock]

Like That!!! Favorite now

[madoll]

Thank you very much!listening!

[helloyangqi]

China don't access youtube!!!

[t0n1zz]

hmm sir can you help me with menus? i already can add the costum menus in kismet and load my game map but when my game map loaded and i want to exit game or when the game ended it just going to udk default menu and not load my costum menu, so how can i fix it??

[Khemanorak]

I have some problem. I follow the tutorial, but when I test the game I can't use mouse to select menu. When I move my mouse, my character also look around. I'm really new to UDK. I just want the game to have mouse to select the game menu like it was shown in the tutorial video. Really Thankful for any answer.