x

Search in
Sort by:

Question Status:

Search help

  • Simple searches use one or more words. Separate the words with spaces (cat dog) to search cat,dog or both. Separate the words with plus signs (cat +dog) to search for items that may contain cat but must contain dog.
  • You can further refine your search on the search results page, where you can search by keywords, author, topic. These can be combined with each other. Examples
    • cat dog --matches anything with cat,dog or both
    • cat +dog --searches for cat +dog where dog is a mandatory term
    • cat -dog -- searches for cat excluding any result containing dog
    • [cats] —will restrict your search to results with topic named "cats"
    • [cats] [dogs] —will restrict your search to results with both topics, "cats", and "dogs"

Office Holiday

Epic Games' offices will be on holiday from June 22nd to July 7th. During this period support will be limited. Our offices will reopen on Monday, July 8th. 

Scaleform HUD/UI questions

Hello! I am a new developer using Unreal, and i'm wondering if Scaleform is worth the effort and money to buy. The Scalefrom Dev Centre requires a company email to register, and since I dont have one, I will have to buy one from google. But anyway, my question is basically that I want to create a nice menu and UI. I am not a programmer and Slate looks very complicated and 'programmy', however Scaleform looks way more visual and easier to use. I wanted to have a 3D UI like borderlands and it cannot be achieved in Slate. So I want to know if down the road (maybe in a new version of Unreal) it will be included in an update of some sort. Also how does Scalefrom work with UE4, is it a plugin? Or some sort of script? Also are there any tutorials on Scaleform with UE4, there are many for UDK but almost none for UE4! I have also heard about a visual editor for Slate, if this is true, when is it getting released and is it a better alternative to Scalefrom? Please keep your response simple as I am very new to game development and I do not understand complex/confusing terms. Thanks in advance

Product Version: Not Selected
Tags:
more ▼

asked Jul 17 '14 at 12:36 PM in Using UE4

avatar image

AemonBarz
23 16 20 25

(comments are locked)
10|2000 characters needed characters left
Viewable by all users

2 answers: sort voted first

UMG is coming which will be blueprint binding to Slate, it will be experimental in 4.4, you can check it out now in 4.3 by starting editor with -umg but might be unusable. If you want easy UI fast and right now you need 3rd part stuff, Scaleform uses Flash, but theres also Cohirent UI which use HTML.

more ▼

answered Jul 17 '14 at 12:45 PM

avatar image

Shadowriver
36.6k 931 169 1111

avatar image AemonBarz Jul 17 '14 at 09:01 PM

Does UMG support 3D UI's?

avatar image Shadowriver Jul 18 '14 at 12:39 AM

Im not sure, theres 2D elements for now. Wont be supprice if they add 3d transforms for ui elements later on

avatar image AemonBarz Jul 18 '14 at 03:05 AM

Ok thanks anyway, so the UMG is a complete transformation from code to blueprint for Slate? And also any ideas when 4.4 will be released (probably will be a while since 4.3 just released?).

avatar image Shadowriver Jul 18 '14 at 03:47 AM

UMG is giving you access to slate from blueprint level, you make widget blueprints in which insted of Components in Actor blueprints you have UI editor and elements of UI are like components and you code there behavior with blueprint

So far epic doing monthly releses so 4.4 will be August/September

I also just checked how umg look like in 4.3 and its now a lot more usable, it feels like Android UI system in which youn place widgets on layout widgets, it do only 2D for now. Ofcorse its not recommanded to use in real project but you can play around with it

avatar image AemonBarz Jul 18 '14 at 08:08 AM

Ok thank you!

avatar image Fiskislóð STAFF Jul 23 '14 at 03:44 AM

We have a lot of cool features in the pipeline. Currently working on 2D transforms so that any widget can have 2D rotation/translation/shear/scale applied to it. That will work anywhere in Slate (inside and outside of viewports). We're also going to add 3D transforms, but that will probably only work in game viewports. Widgets will also be able to have materials applied to them, which is pretty neat.

avatar image bigzer Aug 05 '14 at 08:11 AM

Yes please add the 3D transforms it's really missing for cool looking HUDs

(comments are locked)
10|2000 characters needed characters left
Viewable by all users

I create the menus using Blueprint , where using proper logic and texture combination you can create pretty much anything. For custom textures for buttons , I create the styles in WPF XAML , save the style as diffuse and opacity images , and then import those textures in UE, then use blueprint and add hitboxes , and click , mouse over functionalities to create events, along with custom text and materials. This works pretty nicely for me.

more ▼

answered Jul 19 '14 at 06:06 AM

avatar image

sameek4
145 38 40 69

avatar image Singleton Aug 04 '14 at 09:34 AM

Hey,

I create the styles in WPF XAML , save the style as diffuse and opacity images

I'm really interested in how you save the style as images ?

Thanks

avatar image sameek4 Aug 04 '14 at 03:49 PM

Hi , currently I am defining a style in xaml , say a button with my custom style , placed inside a border or a canvas , giving it a name and using the below code to save it as image

RenderTargetBitmap targetBitmap = new RenderTargetBitmap((int)inkCanvas1.ActualWidth, (int)inkCanvas1.ActualHeight, 96d, 96d, PixelFormats.Default); targetBitmap.Render(inkCanvas1);

BmpBitmapEncoder encoder = new BmpBitmapEncoder(); encoder.Frames.Add(BitmapFrame.Create(targetBitmap));

// save file to disk FileStream fs = File.Open(fileName, FileMode.OpenOrCreate); encoder.Save(fs);

But I am creating a more optimized and generalized code where you can write any xaml style in runtime , preview it , and then save it. Let me finish the code and I will share the application with you. Meanwhile you can test the above code.

avatar image Singleton Aug 05 '14 at 12:26 PM

Thank you for your answers and good job for this trick !

Anyway, using Adobe Fireworks or something similar (a free/cheaper alternative) would do the work or you do think working with Xaml/Blend is better ?

avatar image sameek4 Aug 05 '14 at 06:07 PM

Using any object oriented programming language , you can achieve desired result , however , I dont have experience in Adobe Firewarks, so not sure how easily you can achieve this , but using xaml, it is convenient , or you can use any graphics editor like photoshop to create desired result, or Render to Texture to create texture from rendered 3d model in 3ds max.

(comments are locked)
10|2000 characters needed characters left
Viewable by all users
Your answer
toggle preview:

Up to 5 attachments (including images) can be used with a maximum of 5.2 MB each and 5.2 MB total.

Follow this question

Once you sign in you will be able to subscribe for any updates here

Answers to this question