Le making of Kippy’s Escape

Image de héros de Kippy’s Escape

Kippy le robot se réveille pour se retrouver bloqué sur une île. C’est à vous de mettre votre chapeau de résolution de problèmes pour l’aider à retrouver le chemin de son vaisseau-fusée! Attachez votre HoloLens 2 et téléchargez l’application à partir du Microsoft Store ou clonez le dépôt à partir de GitHub et obtenez Kippy à la maison en toute sécurité!

Important

Assurez-vous d’utiliser Unreal Engine 4.25 ou version ultérieure si vous créez Kippy’s Escape à partir du dépôt GitHub.

Kippy’s Escape est un exemple d’application open source HoloLens 2 créé avec Unreal Engine 4 et Mixed Reality UX Tools pour Unreal. Dans ce billet, nous allons vous guider tout au long de notre processus, des premiers principes et de la conception visuelle à l’implémentation et à l’optimisation de l’expérience. Vous trouverez plus d’informations sur le développement d’applications Mixed Reality avec les outils d’expérience utilisateur MRTK dans la vue d’ensemble du développement Unreal.

Télécharger l’application à partir du Microsoft Store dans HoloLens 2

Si vous avez HoloLens 2 appareil, vous pouvez télécharger et installer directement l’application sur votre appareil.

Badge anglais

Premiers principes

Lors de la création de Kippy’s Escape, notre objectif était de créer une expérience qui mettra en évidence la prise en charge des HoloLens 2 d’Unreal Engine, les fonctionnalités du HoloLens 2 et le kit de ressources Mixed Reality. Nous voulions inspirer les développeurs à imaginer ce qu’ils pourraient créer avec Unreal et HoloLens 2.

Nous avons trouvé trois principes directeurs pour l’expérience : qu’elle devait être amusante, interactive et avoir une faible barrière à l’entrée. Nous voulions que l’expérience soit suffisamment intuitive pour que même un utilisateur de réalité mixte pour la première fois n’ait pas besoin d’un tutoriel pour la parcourir.

Conception du jeu

Le HoloLens 2 a accès à des fonctionnalités de conception que l’on ne trouve nulle part ailleurs dans le jeu aujourd’hui. Les objets peuvent être directement poussés ou manipulés à l’aide de vos mains ou ciblés avec un suivi oculaire. Ces fonctionnalités clés sont derrière certains des moments amusants que nous avons créés dans Kippy’s Escape.

En utilisant les fonctionnalités HoloLens 2 uniques comme conseils pour la conception de nos jeux, nous avons délimité quelques petits scénarios d’environnement. Les îles étaient logiques, car elles peuvent être ajustées pour différentes hauteurs de joueurs, et ont fourni quelques idées de pont divertissantes. Nous avons atterri sur le thème de la civilisation antique rencontre science-fiction tech, avec l’idée que quelqu’un avait construit des machines sur des ruines exploitant une énergie étrange fournie par chaque île. Les îles ont chacune leur propre apparence, un détail qui a contribué à créer un intérêt visuel. Un bon équilibre entre la modélisation et la texturation maintiendrait un faible nombre d’appels de dessin pour les performances de rendu, donc un look stylisé a été conçu dans cet esprit.

Premières esquisses de conception de jeuQuelques premiers croquis pour ce à quoi l’expérience pourrait ressembler

Rendus de la deuxième îleRendus de la deuxième île

Pour respecter notre court calendrier de production, nous avons convenu qu’un personnage flottant pouvait capturer l’intention et l’émotion sans cycles d’animation rigoureux. Kippy est donc né ! Il émote quelques expressions différentes à travers ses yeux et à travers des effets sonores vocaux minimalistes pour aider à guider le joueur tout au long de l’expérience.

Kippy montrant différentes expressions via ses yeux

Kippy montrant différentes expressions via ses yeux

Si l’utilisateur prend trop de temps pour résoudre un casse-tête, Kippy lui donne un conseil

Si l’utilisateur prend trop de temps pour résoudre un casse-tête, Kippy lui donne un conseil

Au-delà de la conception du personnage et de l’environnement, nous avons fait un effort concerté pour que le jeu se sente amusant. Le suivi oculaire nous a permis de tirer sur des attributs matériels et sonores, ce qui a mis en évidence des éléments clés du jeu. L’audio spatial a aidé à faire en sorte que les niveaux se sentent à la maison dans l’environnement du joueur. La possibilité de saisir des objets, d’appuyer sur des boutons et de manipuler des curseurs entraîne des engagements de joueurs innovants. Il était important de s’assurer que ces points de connexion semblaient naturels.

L’extrémité du câble de pont s’allume lorsque la main de l’utilisateur s’approche d’elle

L’extrémité du câble de pont s’allume lorsque la main de l’utilisateur s’approche d’elle

Création de la mécanique de jeu

Kippy’s Escape s’appuie fortement sur Mixed Reality composants des outils d’expérience utilisateur pour rendre le jeu interactif, à savoir les acteurs d’interaction des mains, les contrôles de limites, les manipulateurs, les curseurs et les boutons.

L’acteur d’interaction de la main permet une manipulation directe et éloignée des hologrammes. Au début de Kippy’s Escape, l’utilisateur a la possibilité de définir l’emplacement du jeu. Les faisceaux de main qui s’étendent de la paume de l’utilisateur facilitent la manipulation de grands hologrammes éloignés, comme indiqué dans le gif ci-dessous.

Gif d’acteur d’interaction de la main

La scène d’espace réservé elle-même peut être déplacée et pivotée à l’aide du composant de contrôle des limites d’UX Tools.

Sur la deuxième île, l’utilisateur doit récupérer des gemmes et les placer dans leurs emplacements correspondants. Les gemmes ont des manipulateurs attachés à eux qui permettent à l’utilisateur de les ramasser et de les placer vers le bas.

Exemple gif de manipulateur

Un bouton appuyable est la clé pour faire monter des bombes à utiliser sur la troisième île.

Exemple gif de bouton appuyable

Un composant de curseur apparaît sur la quatrième île, déclenchant le dernier pont à lever.

Exemple de gif du composant Slider

Optimisation pour HoloLens 2

Avec toute expérience conçue pour s’exécuter sur un appareil mobile, il est essentiel de garder un œil sur les performances. Unreal 4.25 inclut une mise à jour majeure pour prendre en charge la multi-vue mobile, ce qui réduit considérablement la surcharge de rendu et augmente la fréquence d’images. Nous vous recommandons de consulter nos autres paramètres de performances recommandés pour HoloLens 2 développement avec Unreal lorsque vous optimisez.

Les objets physiques restent toujours coûteux pour les performances, donc quelques solutions de contournement astucieuses ont été utilisées. Par exemple, le troisième « pont » nécessite de faire sauter des débris qui bloquent l’escalier. Au lieu d’avoir une force impactant les pierres en tant qu’objets physiques, la détonation de la bombe déclenche un échange, changeant les pierres statiques pour un effet de particules en explosion.

Exemple optimisé pour HoloLens 2 gif

Nous avons également réduit nos appels de tirage de plus de 400 à ~260 par :

  • Réduction de la complexité du maillage
  • Combinaison de maillages
  • Suppression de certains de nos éléments d’éclairage dynamique initiaux

Bien qu’il y ait probablement plus que nous aurions pu faire, nous avons estimé que c’était un bon équilibre entre les performances et la qualité visuelle.

Faites un essai.

Démarrez votre HoloLens 2 et téléchargez l’application à partir du Microsoft Store, ou clonez le dépôt à partir de GitHub et générez l’application vous-même !

À propos de l’équipe

Photo de Jack Caron Jack Caron
Concepteur de jeux principal
Jack travaille actuellement sur Mixed Reality expériences pour Microsoft, y compris les projets HoloLens 2, et était auparavant concepteur au sein de l’équipe de la plateforme HoloLens.
Image de l’été Wu Wu d’été
Producer
Summer travaille sur la plateforme de développement de réalité mixte et dirige les efforts liés à Unreal Engine de l’équipe.

Un grand merci à nos amis de Framestore de nous avoir aidés à donner vie à Kippy’s Escape. Du développement des personnages à la conception d’actifs, en passant par la programmation de jeux, leur collaboration sur ce projet a été essentielle.