Tutorials Coherent UI

COHERENT LABS UI DEVELOPMENT GUIDE

The purpose of this document is to guide you through the UI development process. It goes over all the major phases and describes the software and technologies used. Please note that this is a general workflow guide. For detailed documentation of Coherent UI please refer to the Coherent UI Documentation chm file or the documentation section on coherent-labs.com.

MODULAR UI WITH COHERENT UI AND JAVASCRIPT MODULES PART 1

The purpose of this tutorial is to show you how easily to create modular UI with Coherent UI.

USING COHERENT LABS MENU KIT

The purpose of this tutorial is to introduce you to the first of our kits, namely the Menu kit available in Coherent UI 2.5.

Create 3D Hologram menu tutorial Part 1

In this tutorial we’ll show you how you can create 3D hologram menu similar to the watch in The Division from Ubisoft.

Create 3D Hologram menu tutorial Part 2

In this second part of our tutorial we will show you how to create the HTML content for the menu using Adobe Edge Animate and the Coherent Labs Animation Framework.

Creating awesome crosshair with Coherent UI

The purpose of this tutorial is to show you how to create crosshair for you game ui, using HTML and CSS.

UI ANIMATIONS FRAMEWORK FOR COHERENT UI (PART 1,2,3,4)

Starting with Coherent UI 2.5. we are introducing an animation library which will help developers create better animations easier. In a series of posts we walk you through the development process and share a tutorial of how to create your first simple animation.

Create animated game HUD with Adobe Edge Animate and Coherent UI (Part 1)

In this tutorial we show you how easy it is to create great looking animated UI using Coherent UI and Adobe Edge Animate. To demonstrate this we will create a HUD for one of our new samples.

Create animated game HUD with Adobe Edge Animate and Coherent UI (Part 2)

In part two of the Creating animated HUD with Adobe Edge and Coherent UI tutorial we will take a look at some more advanced topics such as triggers, events, symbols, structure of the Edge project, binding with Coherent UI and making the UI responsive.

Coherent UI for Unreal Engine 4 Installer and HUD tutorial

In this very tutorial we show you how to install the Coherent UI plugin for Unreal Engine 4. We’ll also show you how you can quickly add an UI HUD to your game.

Activating Coherent UI plugin for Unreal Engine 4

In this tutorial we guide you through the steps you need to complete to activate the Coherent UI plugin for UE4.

Video Tutorial: Coherent UI integration in UE4 (1 of 3)

In the first part of the series of tutorials we will you how to integrate Coherent UI with your Unreal Engine game with few simple steps.

Video Tutorial: Coherent UI integration in UE4 (2 of 3)

In the second part of the series of tutorials we 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.

Video Tutorial: Coherent UI integration in UE4 (3 of 3)

In the third part of the series of tutorials we show you how to do HTML/JavaScript -> game binding and present a sample usage of UI in a 3D world.

Unreal Engine 4 Tutorial: Coherent UI integration with Blueprints

In this tutorial we show you how easy it is to add a Coherent UI view to your game by using just blueprints.

UE4 Game Menu Kit with Coherent UI

In this tutorial we present the UE4 Game Menu Kit which 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.

In-game surface views in Unreal Engine 4 with Coherent UI

In this tutorial we show you how to make surface views in your Unreal Engine 4 game in just few steps.

Forwarding Keyboard Input to Coherent UI in Unreal Engine 4

In this video tutorial we show you two ways of forwarding a keyboard input to Coherent UI views, without having any changes done in UE4.

Unreal Engine 4 Tutorial: Coherent UI Menu Binding Part 1

In this tutorial we 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.

Unreal Engine 4 Tutorial: Coherent UI Menu Binding Part 2

In the previous tutorial- Menu Binding Part 1 we showed you how easy it is to bind a menu and an in-game menu using Coherent UI. In this one we setup binding for the health and ammo bars in our sample game. We also setup the binding for player options in the in-game menu. We experiment with the speed level of the player.

Live game views for Unreal Engine 4

In this tutorial we show you could use Live game views in Coherent UI

USING THE UNREAL ENGINE 4 LOCALIZATION WITH COHERENT UI

In this tutorial we show you how to use the Localization feature of Unreal Engine 4 with the Coherent UI. Usually there are many hassles when it comes to localizing a game, but when using UE4 this is not the case.

Coherent UI Menu Kits for Unity3D

In this tutorial we show you how the Unity3D Game Menu Kit takes away the hassle of creating a simple usable menu that works. We will show how 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.

Adding GUI to your Unity Game

In this tutorial we show a practical example for enhancing your game with a functional user interface using Coherent UI. We’ll take the Unity’s Stealth project and add a health bar, enemy radar and alarm indicator widgets one by one. As a final step we’ll combine all the widgets to complete our new UI and enjoy the game.

Coherent UI and Unity3D Desktop Input Tutorial

In this tutorial we show you how we can disable and enable input of Coherent UI views and Unity. It also shows how you can detect input when using multiple views. There are three basic scenarios for this Input sample:
1. Only Coherent UI input is working
2. Only Unity input is working
3. Both Coherent UI and Unity input are working

Input tips & tricks for Coherent UI mobile in Unity3D

In this tutorial we talk about the differences of the input modes in Coherent UI Mobile for Unity3D and how you can forward or consume input. We have created a very simple scene for demonstrating these features on both Android and iOS.

Unity3D Facebook integration with Coherent UI

In this tutorial we show you how to integrate your game with social media so that you can build a strong community of fans.

Game and UI communication in Unity3D

In this tutorial we show you the different ways to pass data from JavaScript to C# and vice versa.

Adding a HTML5 Minigame in Unity3D with Coherent UI

In this tutorial we show you how to Embed an existing HTML5 minigame that opens a door upon completion.

Unity3D – Compositing Multiple Coherent UI Views

In this tutorial we show how to compose multiple Coherent UI views simultaneously on the main player camera.

Surface Views for Mobile Platforms

In this tutorial we show you how to create surface view for iOS and Android with Coherent UI