BLUI Open Source HTML5/JS/CSS HUD/UI

AaronShea · February 26, 2015, 7:02pm

[QUOTE=;230319]
I am having couple of issues understanding how the system works.
1: How do I pass keyboard, mouse scroll or mouse Input from Unreal to Html page. For e.g, I have a webpage that has left/right keyboard input to change pages and have a scroll input for zoom in/out pages.
Can you write a simple tutorial of how can I pass Input events from unreal to html.

Thanks,

Hello, the newest release adds scroll wheel support. Inside your UMG widget you should override the mouse wheel, key up, down and char functions in blueprints. The BluEye instance has methods to pass key events and mouse events. If you’re still confused take a look at the ExampleHUD blueprint included in the release.

anonymous_user_b1c15813 · February 26, 2015, 8:21pm

[QUOTE=;230340]
Hello, the newest release adds scroll wheel support. Inside your UMG widget you should override the mouse wheel, key up, down and char functions in blueprints. The BluEye instance has methods to pass key events and mouse events. If you’re still confused take a look at the ExampleHUD blueprint included in the release.

I didn’t saw those Input events Implemented, Thanks.
Now there is another issue m having, I have a page that plays an .mp4 when page loads and it doesn’t play when I load inside Unreal. Is there something that I have call inside unreal to make it work.

Thanks,

AaronShea · February 26, 2015, 8:52pm

[QUOTE=;230384]
I didn’t saw those Input events Implemented, Thanks.
Now there is another issue m having, I have a page that plays an .mp4 when page loads and it doesn’t play when I load inside Unreal. Is there something that I have call inside unreal to make it work.

Thanks,

CEF3 only supports Ogg Theora & Webm video codecs. Codes like h264 etc. require special licensing to be distributed and are not open. This also includes things like MP3 and ACC.
UE4 has in engine MP4 support, but if you’d like to play the video in browser, convert it to the WebM Codec

anonymous_user_b1c15813 · February 26, 2015, 9:04pm

Ok Cool,That clear things up.

Thanks,

AaronShea · February 27, 2015, 2:58pm

Linux Preview is now live!

It’s still experimental, so leave some bug reports and feedback!

Grab it here!

anonymous_user_b16017bb · February 27, 2015, 3:41pm

great news

Precursor · February 27, 2015, 10:43pm

thank you for your work!

with the new realeases i don’t need to set a gamemode right?the tick in the level blueprint should do the job
when i play…i’m still having just a gray ui

AaronShea · February 28, 2015, 1:04am

[QUOTE=Precursor;231418]
thank you for your work!

with the new realeases i don’t need to set a gamemode right?the tick in the level blueprint should do the job
when i play…i’m still having just a gray ui

Hello! Take a look at the log when you start up. See if any warning or notes come from LogBlu and paste them here

AaronShea · March 1, 2015, 4:22pm

[QUOTE=;231070]
great news

It is indeed! Hopefully I can get some Linux testers out there to report any bugs!

anonymous_user_cbdc83411 · March 1, 2015, 9:18pm

thank you for your effort

AaronShea · March 2, 2015, 2:18pm

[QUOTE=b25;232895]
thank you for your effort

Thanks for feedback!

Also side note, if any of you are attending PAX East in Boston I’ll be meandering around for all three days

EDIT: Also, Unreal Engine is FREE! What’s better than a free game engine? A free HTML UI solution to go along with it

KRushin · March 3, 2015, 2:26am

It is good news about being free hopefully get more exposure and can get more pull requests, and more people using blui

AaronShea · March 3, 2015, 2:52am

[QUOTE=KRushin;234587]
It is good news about being free hopefully get more exposure and can get more pull requests, and more people using blui

I hope to see some neat projects using BLUI, at some point I’ll put together a little demo scene with advanced implementations

AaronShea · March 4, 2015, 2:39pm

[QUOTE=;230429]
Ok Cool,That clear things up.

Thanks,

Hopefully I’ll look into other video format support, but that may be a while down the road.

–

Also, what kind of features are you guys looking for? I’ve got a bit of free time coming up and I’d love to work some more to make this plugin

anonymous_user_e22da6ac · March 5, 2015, 2:51pm

Really nice job , im still kinda noob with UE4, still exploring and learning, …but something like this is really making my learning curve so much easy. Ty man, a lot… hope see those videos soon. will be super helpfull, for newbies like me and im pretty sure for exrerienced ones too.

Lightnet · March 5, 2015, 5:40pm

I am getting an odd flicking and overlaying widget when there are two widget are added. UE4 4.7 version. Unable to click a lot times to trying to click a button in web as well normal widget button flicking when hover move slow across the button.

anonymous_user_b16017bb · March 5, 2015, 11:02pm

I tried it on 4.7 using the example hud. In general it looks good but for some reason key inputs dont work :((mouse is ok) did I miss something ?

also it feels like you get better results if you run your tick function inside your hud->draw event. Maybe the Calc camera hook in Camera Manager gives event better result (i will try it soon)

Lightnet · March 6, 2015, 5:09am

That help. I did HUD draw event to link to the node. “Event Recive Draw HUD” > “Run BLUI Tick” . I was not sure where to put just forgotten about it.

anonymous_user_b16017bb · March 6, 2015, 1:22pm

@Lightnet does Keyboard Inputs works for you ?

Lightnet · March 6, 2015, 5:52pm

I am not sure how to setup the input for it yet.

===
Found it while looking for similar way. “Set Input Mode UIOnly”. Still looking for another way as it read keyboard inputs.