[Plugin] Web UI framework plugin ()

AoS-Wasted · July 1, 2014, 5:15pm

Nice, keep up the good work.

anonymous_user_eb7b8f5e · July 2, 2014, 9:08am

We were having path issues, that have been fixed by the last commit in the develop branch. However, I would like to report an: the relative paths from the html file to the css and scripts files are not working correctly.

ufna · July 2, 2014, 10:19am

I’ll be appreciated for the example to test the

anonymous_user_eb7b8f5e · July 2, 2014, 11:00am

is the HUD.html file:



<html>
<head>
<link rel="stylesheet" type="text/css" href="HUD.css">
</head>

<body>

<div id="test">
</div>

<div id="menubar" style="position:absolute;left:0px;right:0px;bottom:30px;height:100px;background:rgba(255,255,255,100);z-index:0;">

<div id="leftpanel" style="position:absolute;left:0px;bottom:0px;top:0px;width:33%;z-index:1;">
 is the left panel
</div>

<div id="rightpanel" style="position:absolute;right:0px;bottom:0px;top:0px;width:66%;z-index:1;">
 is the right panel
</div>

</div>

</body>

</html>

Notice that I had to include some in-line styles for them to be correctly applied as the CSS file is not being applied. Notice that the green div named “test” does not appear in the game.

is the HUD.css file:



body
{
	width: 100%;
	height: 100%;
	padding: 0px;
	margin: 0px;
}

div
{
	padding: 0px;
	margin: 0px;
	border: 0px solid;
}

div#menubar
{
	position: absolute;
	bottom: 30px;
	left: 0px;
	right: 0px;
	height: 100px;
	background: #000000;
	color: #ff0000;
}

div#test
{
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	height: 100px;
	background: #00ff00;
}

The directory structure is as follows:

Project folder

Content folder

UI folder

HUD.html
HUD.css

Engine folder

is how the HUD is visualized in the game and in a browser, respectively:

ufna · July 2, 2014, 11:19am

Thanks, I’ll take a look today.

AoS-Wasted · July 4, 2014, 7:33am

Any progress in a 4.2 build? anyway just to show you interest!! not to make you work faster or something.

Cheers

ufna · July 7, 2014, 12:38pm

There will be a significant update today. I worked for few days to make my plugin faster, more user-friendly, documented, etc. It will be pre-built for 4.2.1

AoS-Wasted · July 8, 2014, 7:54am

Sounds great!! thanks again

ufna · July 9, 2014, 12:09am

Ouff… finally it happened and version 1.0-beta9 released! You can check it : 1.0-b9-fix

I’ve made a lot of improvements, and performance is highly optimized now. I’ll update the wiki today and show all the new features.

Great news is that plugin can be used for production now.

Sitrec · July 9, 2014, 6:43am

Great to hear! Good job as always .

ZeJudge · July 9, 2014, 9:42am

is great! Looking forward to playing around with !

AoS-Wasted · July 9, 2014, 9:58am

I get the following error (editor crash) when I try to enable my ‘VaQuoleSceneUI1’ under ‘View’ in my Unreal Editor.

---- BEGIN ERROR -----

Access violation - code c0000005 (first/second not available)

UE4Editor-VaQuoleUIPlugin.dll

UE4Editor_VaQuoleUIPlugin + 34346 bytes
UE4Editor_VaQuoleUIPlugin + 32432 bytes
UE4Editor_CoreUObject + 1158620 bytes
UE4Editor_PropertyEditor + 1827776 bytes
UE4Editor_PropertyEditor + 949839 bytes
UE4Editor_PropertyEditor + 950831 bytes
UE4Editor_PropertyEditor + 1197024 bytes
UE4Editor_PropertyEditor + 2433518 bytes
UE4Editor_PropertyEditor + 2330648 bytes
UE4Editor_PropertyEditor + 2341022 bytes
UE4Editor_Slate + 2744268 bytes
UE4Editor_Slate + 2674091 bytes
UE4Editor_Slate + 635740 bytes
UE4Editor_Slate + 593884 bytes
UE4Editor_Core + 2624989 bytes
UE4Editor_Core + 2558849 bytes
UE4Editor_Core + 2629279 bytes
UE4Editor_Core + 2547554 bytes
user32 + 9268 bytes
user32 + 8855 bytes
UE4Editor_Core + 2630294 bytes
UE4Editor!FEngineLoop::Tick() + 3135 bytes [d:\buildfarm\buildmachine_++depot+ue4-releases+4.2\engine\source\runtime\launch\private\launchengineloop.cpp:2073]
UE4Editor!GuardedMain() + 476 bytes [d:\buildfarm\buildmachine_++depot+ue4-releases+4.2\engine\source\runtime\launch\private\launch.cpp:132]
UE4Editor!GuardedMainWrapper() + 26 bytes [d:\buildfarm\buildmachine_++depot+ue4-releases+4.2\engine\source\runtime\launch\private\windows\launchwindows.cpp:125]
UE4Editor!WinMain() + 249 bytes [d:\buildfarm\buildmachine_++depot+ue4-releases+4.2\engine\source\runtime\launch\private\windows\launchwindows.cpp:207]
UE4Editor!__tmainCRTStartup() + 329 bytes [f:\dd\vctools\crt\crtw32\dllstuff\crtexe.c:618]

---- END ERROR -----

Did I forget something? I made material / added the material to my mesh and dit enter a default url + with and height?

ufna · July 9, 2014, 10:44am

Did you update Qt libraries from “Binaries” archive?
How your material instance is applied to mesh?
What’s the default URL?

ufna · July 9, 2014, 11:06am

Found a bug, hotfix will be in half an hour

AoS-Wasted · July 9, 2014, 11:25am

No wories take your time! and again thank you!

ufna · July 9, 2014, 11:43am

Please check the 1.0-b9-fix2 version

AoS-Wasted · July 9, 2014, 12:18pm

Problem fixed! Thanks man!!!

(haven’t tried building / playing outside editor yet so don’t know if that is going to work yet)

AoS-Wasted · July 9, 2014, 2:20pm

I got the feeling I am asking way to much but anyway I am still looking forward to a little bit more advanced sample… for example a transparant texture with some html UI elements on it and a sample with some basic interaction.

Thanks already, i’m experimenting myself with plugin so if I got any of the above mentioned things going I will post a link .

ufna · July 9, 2014, 2:43pm

I’m working on examples right now, once I’ll finish it later today, I’ll make an announcement

Btw, event non-flat surfaces are supported in current release.

ufna · July 9, 2014, 11:49pm

it is - the 1.0-b10 release!

Now plugin has a wiki with articles and usage examples.