Étude de cas · 2026
Steambot Chronicles Archive
Que reste-t-il d'un jeu quand son site officiel disparaît ? J'ai réuni les contenus de Steambot Chronicles dans une archive, avec un configurateur 3D pour explorer ses véhicules.
Ressources du projet
Pourquoi cette archive
Steambot Chronicles est mon jeu préféré depuis l'enfance. Son site officiel n'existe plus aujourd'hui, mais des archives permettent encore d'en retrouver une partie des contenus.
J'ai voulu les réunir sur un site consacré au jeu : illustrations, captures, scans, musique et crédits. L'idée était de donner aux fans un endroit où les retrouver, et aux personnes qui découvrent le jeu une façon d'en explorer l'univers.
Je développe et maintiens ce site avec CorianderPHP et l'aide d'agents IA. Je définis les fonctionnalités et les choix d'interface, puis je guide les ajustements et vérifie le résultat sur ordinateur et mobile.
Assembler un Trotmobile dans le navigateur
Les Trotmobiles sont les véhicules personnalisables du jeu. J'ai voulu proposer une autre manière de les découvrir : choisir des pièces, essayer les couleurs et regarder le résultat dans une scène 3D.
Choisir les pièces
Les catégories et leurs miniatures permettent de parcourir les pièces et de changer l'équipement.
Essayer les couleurs
Les couleurs du jeu et les réglages d'éclairage permettent de modifier l'apparence du Trotmobile.
Comparer la taille
Un personnage peut être affiché à côté du véhicule pour donner un repère de taille.
Récupérer les modèles du jeu
Les modèles proviennent des fichiers originaux du jeu PS2. Ces données ne pouvaient pas être affichées directement sur le Web : il fallait extraire la géométrie, les textures et retrouver les points de fixation des différentes pièces.
Les agents IA ont réalisé l'essentiel de cette analyse sous ma direction et aidé à construire les outils Python d'extraction. Les données obtenues sont préparées en JSON et PNG pour le rendu WebGL 2. De mon côté, j'ai défini l'expérience du configurateur et guidé les essais pour vérifier l'assemblage et l'affichage.
Garder les changements de pièces agréables
Seules les pièces sélectionnées sont téléchargées, puis gardées en mémoire pour être réutilisées. Le personnage de comparaison n'est chargé que lorsque cette option est activée.
Changer d'équipement provoquait parfois des clignotements pendant le chargement des textures. L'aperçu précédent reste maintenant visible jusqu'à ce que les nouvelles ressources soient prêtes.
Beaucoup de contenus, des pages légères
Conserver des images de qualité ne veut pas dire les charger dans chaque aperçu. J'ai préparé des miniatures adaptées à leur taille d'affichage, utilisé WebP et différé le chargement des images hors écran. Les fichiers originaux restent accessibles séparément.
Le lecteur du manuel ne charge que la couverture ou la double page consultée. J'ai aussi allégé la police de titres, simplifié les styles Tailwind et découpé les données d'éclairage du configurateur pour les charger selon les besoins.
Aperçus des huit scans de l'album
97,9 % de réduction pour les aperçus.
- Avant optimisation
- 4,7 Mo
- Après optimisation
- ≈ 100 Ko
Feuille de styles
Après simplification des utilitaires Tailwind.
- Avant optimisation
- ≈ 61 Ko
- Après optimisation
- ≈ 42 Ko
Éclairage du Trotmobile à l'ouverture
91,3 % de réduction, avec chargement à la demande et compression gzip.
- Avant optimisation
- ≈ 1,2 Mo
- Après optimisation
- ≈ 105 Ko
Aider les visiteurs à trouver l'archive
J'ai travaillé le référencement dès les pages elles-mêmes : un titre et une description adaptés à chaque vue, des URL canoniques cohérentes et des textes alternatifs pour les images. Les données structurées et les aperçus Open Graph et Twitter complètent ces informations.
Le sitemap XML et le fichier robots.txt permettent aux moteurs de parcourir les pages et les collections. J'ai retiré du sitemap les positions internes du lecteur du manuel, qui ne correspondent pas à des pages à référencer séparément.
Ce que ce projet m'a appris
Cette archive m'a fait travailler ensemble la présentation des contenus, leur poids et leur chargement. Une miniature, une double page de manuel et une scène 3D demandent des choix différents pour rester faciles à consulter.
Le configurateur m'a aussi amené à guider un travail d'analyse de fichiers PS2 avec des agents IA. Il fallait définir ce que je voulais obtenir, examiner les résultats et reprendre les essais quand l'assemblage ou le rendu ne correspondait pas au jeu.