Creating UI
Intermediate
Written
Designer
Create on-screen UI element to appear when you interact with an object or lose a life.
Introduction to Widgets, building a game UI
Intermediate
Written
Programmer
How to create a simple UI that will tell you what entities you have collected when you interact with them.
Using Fonts in Crayta
Intermediate
Written
Designer
Artist
How to access additional fonts in Crayta that can be used to improve the styling of your UI elements.
How to use the Inventory package
Intermediate
Written
Programmer
Designer
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.
Quick Guide – UI Animations
Intermediate
Video
Designer
Programmer
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!
Crayta Tutorial – UI Animations
Intermediate
Video
Designer
Programmer
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!
Crayta Masterclass: UI Creation
Intermediate
Video
Programmer
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.
Crayta Quick Guide: UI Widget Principles
Intermediate
Video
Programmer
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.
Crayta Tutorial: UI Widget Principles
Intermediate
Video
Programmer
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.
Crayta Quick Guide: How To Make A Scoped Weapon
Intermediate
Video
Programmer
Designer
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.
Crayta Tutorial: How To Make A Scoped Weapon
Intermediate
Video
Programmer
Designer
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.
Crayta Quick Guide : Crayta Tutorial: How to add help screens to games
Intermediate
Video
Designer
Programmer
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!
Crayta Tutorial: How to add help screens to games
Intermediate
Video
Designer
Programmer
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!
Quick Guide: UI Properties
Novice
Video
Designer
Programmer
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
Crayta Tutorial: Let’s Make an Art Gallery
Novice
Video
Designer
Programmer
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!