CRYENGINE 5.7 UI Tutorial Series
CRYENGINE 5.7 UI Tutorial Series

CRYENGINE 5.7 UI Tutorial Series

Our new UI tutorial series hosted by Tutorial Author Nicholas Gillin begins by showing you how to create a crosshair in CRYENGINE 5.7 LTS.

Learn how to master UI with our new tutorial series. Hosted by CRYENGINE Video Producer and Tutorial Author Nicholas Gillin, the series will give you broad and deep practical knowledge about how UI functions are implemented in CRYENGINE 5.7 LTS and an understanding of what has changed since previous versions of the engine.

In the first episode of this new series, Nicholas takes you step-by-step through how to implement one of the staples of shooting games – the crosshair! The first part of the tutorial shows you how to create static UI assets in Adobe Animate and export .swf files to the engine. The UI file and folder structure are explained, and you'll be shown how to convert your .swf files to .gfx files using the Scaleform 4 GFx Exporter Tool. Nicholas also shows you how to use Flow Graph to implement the crosshair in CRYENGINE 5.7 LTS, so your completed crosshair will be available in the project. 

The second half of the tutorial shows you how to create an animated UI element with Adobe Animate, including using Action Script 3.0. You’ll learn how to make the required .xml file and implement the animated crosshair using Flow Graph via the ActionMap 'shoot' action from the CRYENGINE project template. 

This is the first tutorial in the series, so don't forget to subscribe to our official YouTube channel, home to a wide range of learning videos, to get a notification when the next one drops. 

If you have questions or feedback about CRYENGINE, let us know in the comments, on the forum, or via Facebook and Twitter. You can pick up tips and tricks about our game development, ask questions, and more by joining our community and the CRYENGINE development team over on our official CRYENGINE Discord channel.

If you find a bug in the engine, please report it directly on GitHub, which helps us to process the issue quickly and efficiently. Don't forget to subscribe to our YouTube channel, where we host a range of content, including tutorials covering all aspects of the engine and game design. Want to show your love for CRYENGINE? Pick up merch over on the official online Crytek Store

Are you looking for your next career move? At Crytek, we value diversity, and we actively encourage people from all kinds of backgrounds and experience levels to apply to our open positions, so join us over at LinkedIn and check out our careers page.

Sub-zero
April 29, 2022 09:58

"instead of the GFc Conversion Tool as"

instead of GFx Exporter Tool

BattleDrake
April 29, 2022 10:05

Nice catch. Fixed. Thanks :)

Sub-zero
April 29, 2022 14:46

But it's "gfx exporter tool," not "conversion tool". If my memory is correct, the new tool in Scaleform 4 is called simply "GFxExport2" that replaced the "GFxExport" tool of Scaleform 3.

HimmatSohi
April 29, 2022 08:45

Hi, Cryengine. Please make a tutorial on using AI navigation agent with npc character so that it can use navigation areas.

jrenonesmatilla
April 28, 2022 23:11

It is my opinion

jrenonesmatilla
April 28, 2022 23:10

Hello, my name is Jose, what I would like to know is if with the free blender program you can create video games and thus replace Autodesk

Wacker
April 29, 2022 06:52

blender is a graphic designing app. you can make 3D asset and animate in it and export it to cryengine. and yes if you are new in this i will suggest you to use blender over autodesk as its free and extremely powerful and rapid growing software

Sub-zero
April 29, 2022 09:57

Blender isn't fully supported in CryEngine 5, as of 2022.