What makes the UE4 community so great is that developers from all over the world are helping each other with counseling, tutorials and even code snippets. In this thread, I and friends of ours will be sharing plenty of Unreal Engine 4-related tutorials using the plugin.
I hope you find these helpful and I would very much appreciate your feedback and your requests for further tutorials.
The first very simple and basic tutorial will show you how to install the Coherent UI plugin for UE4 and how to quickly add an UI HUD to your game:
**Coherent UI for Unreal Engine 4 Installer and HUD tutorial **
**In-game surface views in Unreal Engine 4 with Coherent UI **
In this tutorial we’ll show you how to make surface views in your UE4 game in just few steps. First, we create a material for the mesh. Second, we create blueprint from the mesh and add the material and the Coherent UI component. Finally, we use the blueprint in the level.
In this video, part of the Unreal Engine 4 tutorial series, we will show you two ways of forwarding a keyboard input to Coherent UI views, without having any changes done in UE4. This code will be available in our next version of Coherent UI for UE4. We have made the code very extensible, so without making too much changes, you can forward this input any way you like. This video explains in details how to do all this modifications.
In this tutorial we are going to show you how easy it is to add game menus for your game via Coherent UI. In the first part we will bind a main menu and in the second part we will show binding of an in-game menu. The tutorial in its core will present communication between C++ game code and JavaScript and vice versa.
we made a short demo reel of our integration in UE4. We took the Shooter Game provided by Unreal Engine and put an alternative HUD that replaces the one made with Slate.
The UI elements that you’ll see in the HUD are: animated HP bar, animated ammo count, kill counter, current weapon indicator and a detailed kill log.
The Demo also glances at the possibilities of using UI elements in the 3D game world. First, we open an inventory, where we change our primary weapon, after which we hit a UI button to “take the elevator” and go to a secret location in the level. Of course the latest can be used for different kind of player interaction (e.g door handlers, monitor screens, etc.)
The two way UI binding (game -> HTML and HTML -> game) is done all in blueprints without a single line of C++. The only thing that is done in C++ is broadcasting events for when health or ammo is changed.
Hope you guys will like the vide, we’ll be making a series of tutorials on how we did it
аs promised, we have prepared a short series of three video tutorials in which we will show you the Coherent UI – UE4 integration in the making. We will also demonstrate how to call Blueprint functions from JavaScript and vice versa.
The first part of the series will show how to integrate Coherent UI with your Unreal Engine game with few simple steps:
Copy the CoherentUI folder to “YourGame\Plugins to YouGameFolder\Plugins”.
Reboot your editor.
Go to “Window->Plugins->User Interface” and enable the plugin.
The second part of this tutorial will go a bit further in the UE4 game UI integration. We will show you how to do game to HTML/JavaScript binding in your Unreal Engine 4 project. For this purpose we will create a simple game logic that counts the character’s health and ammo (number of shots that have been fired). We did it in the following steps:
Setup the Health and ShotsFires variables.
Listen for the Character Fire event.
Increment the ShotsFired variable.
Trigger a JavaScript event sending the ShotsFired to the HTML as parameter.
The third part of this tutorial will show you how to do HTML/JavaScript -> game binding and present a sample usage of UI in a 3D world. In order to keep it simple, we will spawn a clickable button in the world and attach game logic on its click (moving the object). We’ll go straight to the steps to get it done.
Copy the resources needed for this tutorial.
Open the Level Blueprint.
Spawn a CoherentUIInputActor and Initialize it.
Spawn a CoUIPlane that will hold a HTML button.
Register for the button click event.
Create a bool variable that will hold the state of the cube.
With Coherent UI 2.2 release for Unreal Engine 4 we introduced our new feature Live Game Views. We already explained how to create picture-in-picture in your own project Here. Now, we are happy to show you a video tutorial on how we did it and also better demonstrate the final result
How often do you think of the time and efforts you spend to create the basics of your own UE4 HUD and UE4 Game Menu?
I would like to present you of the newest Coherent UI features, available in our 2.3.0.0 release – the Coherent UI Menu Kit for Unreal Engine 4.
The UE4 Game Menu Kit is designed to take away the hassle of creating a simple usable menu that works using only Blueprints. No C++ code at all. In just a matter of minutes you can add any number of buttons and attach handlers to each of them, saving you precious prototyping time.
Here’s what has to be done – 3 simple steps:
The HTML Menu page that comes with the Kit has everything setup, so you just have to load it using the Setup UI View box.
Use the Setup UI Menu box. It takes two parameters – a view component that will be used to display the menu (this should be one that has already loaded the Menu HTML page) and Menu Info – a struct that holds the menu button names and some additional visibility and positioning options. The box returns a menu object that will be used to handle click events.
Attach handler for the OnMenuButtonClicked event dispatcher of the menu object. The dispatcher fires an event for every button clicked and has the name of the button clicked as a parameter.
In the video below, one of our developers – Stan is doing a thorough guide of how to setup your own UE4 Game Menu, using Coherent UI. Enjoy!
