Touch Interface Designer
Easily and quickly create a touch interface with a powerful visual editor.
Fast, easy to use, and easy to integrate into your project. Get a functional touch interface in minutes without writing a single line of code!
FAST
A fast and easy-to-use editor that lets you see changes in real time and speeds up the creation of touch interfaces.
SIMPLE
Easy to use and integrate, the advanced features are accessible and easily configurable. No coding required.
POWERFUL
Integrate advanced and modern features for increasingly ergonomic and visually appealing touch interfaces.
Speed Up Your Workflow
Unreal Engine has a built-in touch interface system, but implementing it on mobile is a slow and tedious process because you’re only manipulating data assets. Touch Interface Designer is a plugin that lets you create the stunning touch interface your project needs using a visual editor. With its WYSIWYG (What You See Is What You Get) editor, Touch Interface Designer accelerates the design and deployment of mobile-optimized touch interfaces.
Powerful Editor
The editor includes numerous features that allow you to quickly and easily customize your touch interface. It supports the creation and modification of individual components, portrait mode, component overlap detection, debugging view modes, and displays useful information.
It also offers a touch interface preview with the option to choose from multiple smartphone profiles. The real-time preview is accurate, and you’ll see exactly the same thing on your smartphone.
Touch Interface Layout
The Touch Interface Designer layout system supports many types of components, such as buttons, joysticks, free-touch controls, drawing tools, sliders, knobs, and more. These components are highly customizable. Appearance is managed via a decorator system, feedback via a haptic feedback system, and functionality via child classes that support advanced features such as drag-to-sprint, auto-move, gesture detection, or drawing within a specific area, etc.
For performance reasons, Touch Interface Designer is written in C++, but the layout system provides functions exposed as Blueprints to modify the touch interface layout during gameplay.
Recognizers
Includes three types of recognition: gesture recognition, recognition of shapes drawn on the screen, and recognition of device movement patterns.
Gesture
Gesture Recognizer is a system that recognizes gestures made by the user on a smartphone screen. It can recognize a wide range of gestures, such as tap, long press, drag, swipe, zoom, rotate, and more.
Gesture recognizer can also recognize gestures made by individual fingers or by combinations of multiple fingers.
Shape drawing
Shape Recognizer is a system that recognizes shapes drawn by the user. You define the shapes using the virtual shape editor, set the filters, and the shape recognizer attempts to recognize the shapes drawn on the screen.
No AI models are used for detection, and no internet connection is required.
Motion
Motion Recognizer is a system that detects device movements such as shaking or rapid acceleration.
It also allows you to use the device’s movements to control a camera.
Layout Modifier with built-in save system
The Layout Modifer is a UMG widget that allows your users to change the position and size of touch interface components. Combined with the built-in save system, changes can be saved and loaded each time the game or app is launched. This is a feature that players have been asking for, as it allows them to customize the touch interface to their preferences.
Multiplayer Ready
All Touch Interface Designer systems are designed to work with local multiplayer (on the same machine) or online. You don’t have to do anything, everything is handled by the subsystem.
UMG COMPATIBLE
The slate widget created by the Touch Interface Subsystem does not interfere with widgets created using UMG. With the proper configuration, you can display the touch interface and add your UMG widgets on top of it without any issues. An UMG widget is available to help you design your interface by allowing you to preview the touch interface directly within UMG.
Well supported
Touch Interface Designer has been updated regularly since 2022 and has supported Unreal Engine since version 4.27. The software continues to evolve alongside Unreal Engine, and a public roadmap allows you to track its progress.
You can also vote for the features you’d like to see developed first.
Well documented
The Touch Interface Designer C++ code is well-documented, and comprehensive, regularly updated documentation provides answers to any questions you may have about specific systems. If you have a question, feel free to join the LIGS developer community or contact me.