Welcome to the Gameface Starter Guide!

HTML, CSS and JavaScript

Chapter 1
Getting Started

Setting up your first project

Chapter 2
Clock

Creating our first UI component

Chapter 3
Health Bar

Learning more data-binding types

Chapter 4
Minimap

Creating a more complex widget

Chapter 5
Pause Menu

Using events in Gameface

Chapter 6
Settings Menu

Introduction to Gameface components

Chapter 7
Adding more menus

Making a system to add more screens to our pause menu

Chapter 8
Inventory

Creating our first full UI page from scratch

Chapter 9
Map

Showing some of the more advanced features and techniques of Gameface

Chapter 10
Debugging, Profiling and Optimizations

Showing you how to use the Dev Tools to debug, profile and optimize your UI

Chapter 11
Bonus Chapter

How to prepare your UI to work with a backend

Unreal Engine

Chapter 1
Getting Started

Introduction

Chapter 2
Map

Setting up our map

Chapter 3
PlayerModel

Creating our player model

Chapter 4
MapModel

Creating the MapModel

Chapter 5
JavaScript Events

Handling JS events in C++

Gameface is for developers who’d like to utilize modern HTML5 and JavaScript to create a game user interface. Gameface shortens development time by allowing you to use modern and widely available technologies.

These are a series of tutorials focused on building a UI and using it in your game engine.