UI | Crayta Developer Area

Create on-screen UI element to appear when you interact with an object or lose a life.

How to create a simple UI that will tell you what entities you have collected when you interact with them.

How to access additional fonts in Crayta that can be used to improve the styling of your UI elements.

The inventory package is one of the packages developed exclusively by the Crayta team. It has a lot of options that can be used to have your player be able to pickup, store and even sell items. This tutorial covers how you can use the package to hold items in an inventory bar and how to re-theme the UI that is displayed.

Want to make your UI more exciting and eye catching? Perhaps you want to signpost UI elements to players at certain times in your game? In this tutorial Andy shows you how you can achieve all of this with UI animations in CSS!

Part of designing a multiplayer game includes thinking about which user interface elements are presented to specific players. Find out more about adding and customising text and user interface elements in your game world in this tutorial.

In this Masterclass stream, we will be looking at several aspects of UI creation in Crayta including adding widgets to entities, widget properties and functions, and data binding.

It’s Crayta quick guide time and this week Andy is going through UI widgets and how to build dynamic UI all within the Crayta editor.

It’s Crayta tutorial time and this week Andy is going through UI widgets and how to build dynamic UI all within the Crayta editor.

In this week’s Tutorial, Andy takes you how to edit your gun templates and add a scope to your iron sight, and how to add custom images to that scope.

One of the latest features added to Crayta allows creators to show custom help screens, allowing them to explain to new players how to play their game. In this tutorial Andy takes us through how to do just that!

Creating and adding text and UI to your game in Crayta is made easier through the use of properties which can be added directly into the widget’s HTML code. In this quick guide, Andy explores how to setup a widget to take advantage of widget properties

Join Andy and learn how to use widget properties to quickly add artworks and signage to showcase your creative flair in your very own art gallery! UI has never been so fun!

Creating UI

Introduction to Widgets, building a game UI

Using Fonts in Crayta

How to use the Inventory package

Quick Guide – UI Animations

Crayta Tutorial – UI Animations

Crayta Tutorial: User Interface

Crayta Masterclass: UI Creation

Crayta Quick Guide: UI Widget Principles

Crayta Tutorial: UI Widget Principles

Crayta Quick Guide: How To Make A Scoped Weapon

Crayta Tutorial: How To Make A Scoped Weapon

Crayta Quick Guide : Crayta Tutorial: How to add help screens to games

Crayta Tutorial: How to add help screens to games

Quick Guide: UI Properties

Crayta Tutorial: Let’s Make an Art Gallery