Tutorials - Coherent GT

Coherent GT performance best practices

Coherent GT includes powerful tools and APIs to help developers measure its performance impact on the application and eventually optimize the UI content. Coherent GT aims to occupy a maximum of 10% of the frame budget, which for a 60 FPS title equals to ∼1.6ms per-frame. If you feel that Coherent GT is taking more time than the per-frame budget you’ve allotted to it, or simply want to squeeze more cycles out of it, this guide will show you what to look for and how to optimize your UI.

Coherent GT artist quick start guide

Coherent GT is industry-leading UI middleware specially designed for games. Powered by HTML it gives you the ability to quickly create high-performance UI with AAA quality. The purpose of this guide is to give you quick overview of the UI design process. It essentially goes through the three main stages showed in the diagram below.

Coherent GT workflow guide

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

Rapid UI prototyping with Coherent GT

Coherent GT is powered by HTML and gives you the unique possibility to prototype your UI directly in Photoshop and transfer it to the game engine in a few simple steps.

Coherent GT getting started tutorial (part 1): Installation

In this video tutorial, we'll guide you through the installation process of Coherent GT in Unreal Engine 4.
  

Watch video

Coherent GT getting started tutorial (part 2): Adding a HUD

In this video tutorial, we show you how to add Hud to your Unreal Engine 4 project with our high-performance UI Platform Coherent GT.
  

Watch video

Getting started with Coherent GT in Unreal Engine 4

In this video tutorial, we show you how to add Hud to your Unreal Engine 4 project with our high-performance UI Platform Coherent GT.

Coherent GT bindings tutorial for Unreal Engine 4 (part 1)

This tutorial will show you how to set up communication between your game and UI in Unreal Engine 4 with Coherent GT.

Rapid UI prototyping in UE4 with Adobe Photoshop and Coherent GT

Coherent GT is powered by HTML and gives you the unique possibility to prototype your UI directly in Adobe Photoshop and transfer it to the game engine in a few simple steps.

Coherent GT performance best practices

Coherent GT includes powerful tools and APIs to help developers measure its performance impact on the application and eventually optimize the UI content. Coherent GT aims to occupy a maximum of 10% of the frame budget, which for a 60 FPS title equals to ∼1.6ms per-frame. If you feel that Coherent GT is taking more time than the per-frame budget you’ve allotted to it, or simply want to squeeze more cycles out of it, this guide will show you what to look for and how to optimize your UI.

Building a complex menu in Unreal Engine 4 using Coherent GT

This tutorial will explain how to create an entire main menu for your game. We'll create a splash screen, a multi-level menu and a loading screen for a Sci-fi themed game which we'll shamelessly call Coherent Labs.

Localization of Coherent GT resources in Unreal Engine 4

The purpose of this tutorial is to show you how in a few simple steps to use the built-in localization feature of UE4 along with Coherent GT.

Asynchronous mode usage of Coherent GT in Unreal Engine 4

This tutorial will show you how to design the communication between the game and the UI and how to write code that runs correctly under Coherent GT's asynchronous mode.

Create animated game HUD with Adobre Edge Animate and Coherent UI (part 1)

In this tutorial, you will see how easy it is to create great looking animated UI using Coherent UI and Adobe Edge Animate.

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, the structure of the Edge project, binding with Coherent UI and making the UI responsive.

3D hologram menu tutorial (part 1) – 3DS Max and UE4

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

3D hologram menu tutorial (part 2) – Adobe Edge Animate

In part two of the 3D hologram menu tutorial, we’ll create the HTML content for a menu similar to the watch in The Division by Ubisoft, using Adobe Edge Animate and the Coherent Labs Animation Framework.

Modular UI with Coherent UI or Coherent GT and Javascript modules (part 1)

This tutorial will walk you through the ways to create modular UI with Coherent GT.

Create awesome crosshair!

In this short tutorial, we will show you how to create crosshair for you game UI, using HTML and CSS. The crosshair position will be always in the center of your game view.

Coherent GT artist quick start guide

Coherent GT is industry-leading UI middleware specially designed for games. Powered by HTML it gives you the ability to quickly create high-performance UI with AAA quality. The purpose of this guide is to give you quick overview of the UI design process. It essentially goes through the three main stages showed in the diagram below.

Rapid UI prototyping with Coherent GT

Coherent GT is powered by HTML and gives you the unique possibility to prototype your UI directly in Photoshop and transfer it to the game engine in a few simple steps.

Coherent GT performance best practices

Coherent GT includes powerful tools and APIs to help developers measure its performance impact on the application and eventually optimize the UI content. Coherent GT aims to occupy a maximum of 10% of the frame budget, which for a 60 FPS title equals to ∼1.6ms per-frame. If you feel that Coherent GT is taking more time than the per-frame budget you’ve allotted to it, or simply want to squeeze more cycles out of it, this guide will show you what to look for and how to optimize your UI.