Shibuya en 3D : Comment Unity peint le graffiti jouable de Neo TWEWY

29 May 2026 Publié | Traduit de l'espagnol

Neo: The World Ends with You présente un défi technique fascinant pour le développement sous Unity : traduire l'esthétique plane du manga et du graffiti dans un moteur tridimensionnel. L'équipe de h.a.n.d. y est parvenue en combinant des shaders de contour stylisés avec une caméra déformant la perspective, créant un Shibuya qui ressemble à une fresque vivante. Le résultat est une étude de cas sur la façon de prioriser la cohérence artistique par rapport au réalisme photographique. 🎨

Shibuya 3D style graffiti dans Unity avec shaders de contour et caméra déformée de Neo TWEWY

Rendu 2.5D et distorsion œil de poisson 🌀

Pour donner l'impression que les personnages sont des découpes de papier animées, les développeurs ont implémenté un système de billboarding sur des maillages 3D. Les sprites des personnages tournent constamment vers la caméra, mais contrairement à un billboard classique, un ombrage de profondeur factice est appliqué ici, simulant le volume sans briser l'illusion 2D. La perspective œil de poisson n'est pas un simple post-traitement ; elle est obtenue via une projection de caméra non standard dans Unity qui courbe les lignes de la géométrie urbaine. Cela a nécessité d'ajuster les plans de coupe et la distance focale pour que les bâtiments se courbent sans générer de clipping sur les bords du décor. L'optimisation sur des consoles comme la PS4 et la Switch a exigé de réduire la résolution des textures des arrière-plans, tout en maintenant la netteté des contours grâce à un anti-aliasing temporel doux, évitant le scintillement caractéristique des lignes fines.

L'art de rue comme moteur de conception de niveaux 🖌️

L'esthétique du graffiti n'est pas qu'un ornement visuel, mais un outil d'UX. Les icônes des missions et des ennemis sont intégrées comme des tags peints sur les surfaces, guidant le joueur de manière organique. Les développeurs ont utilisé le système de particules d'Unity pour simuler la peinture qui se détache lorsqu'on frappe les ennemis, un effet qui, bien que coûteux en termes de draw calls, a été optimisé en regroupant les textures dans des atlas. Cette décision montre que, dans le développement de jeux indépendants, la direction artistique doit primer sur la simplicité technique, à condition de maintenir un framerate stable.

Comment ils ont résolu sous Unity le défi de rendre l'esthétique plane du manga dans un environnement 3D interactif sans perdre l'essence visuelle de Shibuya dans Neo TWEWY

(PS : optimiser pour mobile, c'est comme essayer de mettre un éléphant dans une Mini Cooper)