La mise en place d’une interface tactile pour mobile peut être un processus lent et ennuyeux parce que les éléments d’interface tactile sont uniquement des données (Data Asset). Touch Interface Designer est un plugin qui vous permet de créer des éléments d’interface tactile dans votre projet à l’aide d’un éditeur visuel. Grâce à l’interface utilisateur WYSIWYG, Touch Interface Designer accélère la conception et la mise en production d’interface tactile pour mobile.
Caractéristiques principales
FONCTIONS EN JEU
Le sous-système Touch Interface Subsystem contient toutes les fonctions nécessaires pour ajouter et modifier votre interface tactile en temps réel en cours de jeu.
- Contient toutes les fonctionnalités de l’interface tactile EPIC.
- Afficher / Masquer l’interface
- Afficher / Masquer un composant du layout
- Ajouter / Supprimer un composant
- Editer l’apparence d’un composant
- Editer la position d’un composant
- Activer / Desactiver un composant
- Choisissez entre trois modes de mise à l’échelle
- Virtual Input Modifier
- Virtual Input Event
EDITEUR VISUEL WYSIWIG
Un éditeur WYSIWIG (What you see is what you get) personnalisé vous permet de modifier facilement les données contenues dans l’asset Virtual Control Setup ou Touch Interface Layout. Cet éditeur contient des fonctionnalités qui vous permettront de :
- Ajouter des contrôles virtuels et les configurer
- Prévisualisez votre interface tactile sur différents appareils.
- Gérer le mode portrait / paysage
- Prévisualisez la mise à l’échelle de votre interface tactile
- et bien d’autres choses encore…
L’aperçu en temps réel est précis et vous obtiendrez la même chose sur votre smartphone.
APERÇU PRÉCIS ET AVANCÉ
L’éditeur vous donne un aperçu précis et en temps réel de votre interface tactile. Vous pouvez sélectionner l’appareil sur lequel vous souhaitez prévisualiser votre interface tactile et l’algorithme qui la mettra à l’échelle. Touch Interface Designer propose trois algorithmes de mise à l’échelle :
- Design Size: l’interface tactile est mise à l’échelle en fonction de la taille de reference que vous avez définie.
- DPI Curve: l’interface tactile est mise à l’échelle à l’aide du système intégré du moteur Unreal (DPI).
- Custom: vous définissez la manière dont l’interface tactile doit être mise à l’échelle.
PRESET
Pour commencer rapidement, vous pouvez sélectionner l’un des préréglages fournis avec Touch Interface Designer. Vous pouvez également enregistrer un préréglage pour une utilisation ultérieure.
TOUCH REGION
Touch Region est un nouveau type de contrôle virtuel qui a été ajouté dans la version 3.0 de Touch Interface Designer. Il permet de déplacer la caméra ou le personnage en utilisant une partie de l’écran sans afficher de visuel. Touch Region est personnalisable :
- Classic mode: Vous pouvez déplacer la caméra uniquement lorsque l’utilisateur bouge le doigt, par exemple.
- Joystick mode: Vous pouvez déplacer un personnage de la même manière qu’avec un joystick par exemple.
D’autres types de contrôles virtuels seront ajoutés dans les prochaines mises à jour.
VISUAL LAYER SYSTEM
Ce système vous permet de personnaliser l’apparence des commandes virtuelles comme vous le souhaitez. Il prend en charge :
- Tout type de texture sauf les textures 3D.
- Material avec un domaine User interface.
- Modifications en temps réel en jeu.
VIRTUAL CONTROL EVENT
La classe Virtual Control Event est un bon moyen d’étendre la fonctionnalité de base d’un contrôle virtuel. Avec un VCE appliqué à un contrôle virtuel, vous pouvez obtenir :
- Le nom du contrôle virtuel
- L’index du joueur (Local Player)
- Les visual layers du contrôle virtuel
- Editer l’apparence du contrôle virtuel
- Override les events suivant :
- OnTouchBegin
- OnTouchMoved
- OnTouchEnded
INTERACTION SHAPE
Pour détecter si l’utilisateur interagit avec un contrôle virtuel, un calcul est effectué sur la base de la position du doigt de l’utilisateur. Vous pouvez définir la forme utilisée pour ce calcul :
- Un carré ou rectangle
- Un cercle
AUTO MOVE & DRAG TO SPRINT
Auto Move est une fonction qui permet à l’utilisateur de déclencher le mouvement automatique du personnage ou autre chose, c’est vous qui décidez !
Drag to Sprint est une fonction qui permet à l’utilisateur de déclencher le sprint du personnage en fonction du mouvement du joystick.
Ces deux fonctions peuvent fonctionner ensemble et disposent de nombreux paramètres pour répondre au mieux à vos besoins.
SYSTEME DE SAUVEGARDE INTEGRÉ
Le système de sauvegarde intégré vous permet d’enregistrer les modifications apportées à l’interface tactile du jeu. Vous avez ajouté une commande virtuelle ? Vous avez modifié l’apparence ou la position d’un contrôle virtuel ? Ces changements seront sauvegardés si vous le souhaitez et pourront être chargés la prochaine fois que vous lancerez votre jeu ou votre application.
MULTIPLAYER READY
Touch Interface Designer est compatible avec le multijoueur local et en ligne.
GESTURE RECOGNIZER
Gesture Recogizer est un système qui reconnaît les gestes que l’utilisateur fait sur l’écran d’un smartphone. Il peut reconnaître les gestes suivants :
- Tap
- Two Finger Tap
- Double Tap
- Long Press
- Drag
- Swipe
- Two Finger Swipe
- Zoom
- Rotate
Gesture recognizer peut aussi reconnaitre les gestes effectués sur chaque doigt. Dans ce mode, les gestes à deux doigts et plus ne sont pas reconnu.
SHAPE RECOGNIZER
Experimental
cette fonctionnalité est à l’état expérimental et peut être supprimée temporairement ou définitivement
Shape Recognizer est un système qui reconnaît les formes dessinées par l’utilisateur. Vous définissez les formes à l’aide du concepteur de formes virtuelles, définissez les filtres et le reconnaisseur de formes tente de reconnaître les formes dessinées à l’écran. Aucun LLM (IA) n’est utilisé pour la détection.
UMG HELPER
UMG Helper vous permet d’obtenir un aperçu de l’interface tactile sur l’interface utilisateur de votre jeu afin de concevoir plus efficacement les interfaces utilisateur.
ET BEAUCOUP D'AUTRES
Gallerie
Situation actuelle
Quelle est la suite ?
Touch Interface Designer est encore en cours de développement et de nouvelles fonctionnalités seront ajoutées à chaque mise à jour. Découvrez toutes les fonctionnalités que nous prévoyons d’implémenter dans Touch Interface Designer !
Vous avez des idées ? Nous serions ravis de les entendre et d’en discuter !