Blue Protocol n'est pas qu'un MMORPG ; c'est un manifeste technique sur la manière d'apporter l'esthétique de l'animation traditionnelle japonaise dans un environnement 3D interactif. Bandai Namco Online a réalisé cet exploit en utilisant Unreal Engine 4 comme base, mais le secret ne réside pas dans le moteur de base, mais dans une couche de shaders personnalisés qui imitent l'éclairage diffus et les contours de carbone typiques de l'anime. Dans cet article, nous décomposons le pipeline graphique qui permet à chaque image de ressembler à une image d'un film du Studio Ghibli, mais rendue en temps réel. 🎨
Pipeline technique : Rigging dans Maya et modélisation dans Blender 🛠️
Le flux de travail de Blue Protocol divise les responsabilités entre deux titans de la modélisation 3D. Autodesk Maya s'occupe du rigging et de l'animation des personnages, en tirant parti de son système de déformation par squelette et de son intégration native avec Unreal Engine 4 pour transférer les données d'os et de poids sans friction. De son côté, Blender assume la modélisation des accessoires et des environnements. La raison est stratégique : Blender offre un cycle d'itération plus rapide pour les assets statiques et son système de nœuds de matériaux permet de prévisualiser les shaders toon avant de les exporter. L'optimisation clé ici est que les modèles d'accessoires sont construits avec une faible densité de polygones, mais avec des UV maps conçues spécifiquement pour recevoir les shaders de contour d'encre (ink outlines) qui sont générés via un effet de post-traitement dans le moteur.
L'illusion de la profondeur de champ animée 🌸
Le plus grand défi technique de Blue Protocol est de simuler la profondeur de champ (DoF) d'une caméra d'animation 2D. Au lieu d'un flou gaussien générique, les développeurs ont implémenté un shader qui désature la couleur et applique un décalage de ligne (line shift) sur les objets hors foyer, imitant l'effet de peinture floue d'un cellulo. Combiné à un système d'éclairage diffus qui élimine les ombres dures, le résultat est un monde qui respire comme un dessin animé. La comparaison visuelle est claire : alors que d'autres jeux utilisent des filtres de post-traitement qui brisent la cohérence, Blue Protocol intègre ces règles directement dans le matériau de chaque maille, réussissant à faire en sorte que même les reflets dans l'eau ressemblent à des aquarelles numériques.
En tant que développeur de jeux vidéo, quelles sont les techniques clés dans Unreal Engine 4 que Blue Protocol implémente pour obtenir l'esthétique de l'animation japonaise 2D dans un monde 3D sans recourir au cel-shading traditionnel ?
(PS : optimiser pour mobile, c'est comme essayer de mettre un éléphant dans une Mini Cooper)