Étude de cas · 2026
Steambot Chronicles Archive
J'ai créé un site où retrouver les archives de Steambot Chronicles et redécouvrir le jeu autrement : feuilleter son manuel, parcourir ses illustrations et explorer ses modèles en 3D.
Ressources du projet
Un projet personnel, de la recherche des archives à la conception du site.
Introduction
Steambot Chronicles est mon jeu préféré depuis l'enfance. Son site officiel a disparu, mais il reste des images, des musiques et des documents que je voulais réunir au même endroit.
À l'origine du projet, je cherchais un fond d'écran. Un besoin tout simple, pour un jeu que je connais depuis des années. Pourtant, les premiers résultats de recherche ne me permettaient pas de retrouver facilement une image originale, sans le filigrane d'un site de presse.
Cette recherche a été le point de départ du site : réunir les ressources du jeu et leur donner une présentation qui rende justice à cet univers.
J'ai porté le projet seul : recherche des ressources, sélection des images, direction artistique et conception des interfaces. Pour le développement, je me suis appuyé sur CorianderPHP, mon framework PHP, et sur des agents IA, notamment pour comprendre les fichiers du jeu et reconstruire ses modèles 3D.
PHP facilite le déploiement chez mon hébergeur, et ce projet public me permet de mettre mon framework à l'épreuve. J'utilise Tailwind CSS pour la mise en forme et TypeScript pour les interactions.
Intention
Donner envie de revenir au jeu
Steambot Chronicles mêle exploration, musique et personnalisation de véhicules dans une aventure sur PlayStation 2. Cette liberté fait partie de ce qui m'a marqué. Pour lui consacrer un site, je voulais faire une place à chacune de ces expériences : retrouver une illustration, écouter un morceau ou essayer de construire son propre Trotmobile.
J'ai pensé le projet d'abord pour les fans, qui connaissent déjà cet univers et cherchent ses ressources. Les images et la musique leur offrent des points d'entrée familiers. Pour les visiteurs qui découvrent le jeu, la présentation de son univers et les outils 3D donnent une raison de s'y intéresser. Il fallait donc réunir les contenus, puis les organiser pour que chacun puisse commencer par ce qui l'attire.
Recherche
Retrouver les images, une page après l'autre
Pour constituer cette collection, j'ai commencé par chercher les images originales du jeu. Les recherches sur le Web ont donné peu de résultats ; les anciens sites officiels, conservés dans la Wayback Machine, se sont révélés bien plus riches. J'ai parcouru leurs pages une à une, en explorant les versions anglaise, japonaise et coréenne.
Ce travail demandait de regarder les images autant que de les collecter. Ma connaissance du jeu m'aidait à reconnaître son style et les illustrations que j'avais déjà vues. Les filigranes officiels de l'éditeur étaient aussi des repères : je cherchais les ressources d'origine, plutôt que les copies marquées par les sites qui les avaient relayées.
La galerie réunit aujourd'hui 155 éléments, dont des artworks, des fonds d'écran, des captures et des vidéos. Derrière cette collection, il y a surtout le plaisir de remettre en lumière des images devenues difficiles à trouver, parfois même oubliées des fans.
Direction artistique et architecture
Reconnaître le jeu au premier regard
Une fois les ressources réunies, elles ont guidé la direction artistique. J'ai prélevé leurs couleurs, puis fait le tri pour composer la palette du site. Sur la page d'accueil, ces couleurs dialoguent avec les illustrations affichées : le visiteur entre dans un univers visuel qui appartient déjà au jeu.
Le choix de l'image d'accueil comptait particulièrement. Je voulais une illustration reconnaissable par les fans, mais qu'ils n'auraient pas forcément vue auparavant. Associée au texte, elle devait donner une première impression mémorable et susciter l'envie de découvrir la suite.
Pour que cette première impression mène à une véritable visite, j'ai organisé les pages autour de plusieurs façons d'aborder le jeu. La page « Le jeu » présente son univers ; la galerie laisse les images éveiller les souvenirs ; la page « À propos » raconte la raison d'être du site. La musique et la galerie sont accessibles après quelques instants de défilement sur l'accueil. Le manuel et les crédits se trouvent dans la rubrique Archive, pour ceux qui souhaitent poursuivre l'exploration.
Conception de l'interaction
Construire le Trotmobile que l'on aurait aimé piloter
Parmi ces points d'entrée, le constructeur occupe une place particulière. Ce que j'aimais le plus dans Steambot Chronicles, c'était construire un Trotmobile à mon image. Le véhicule changeait avec mes envies et mes activités : un grand plateau pour transporter des fossiles, un bras-pioche ou une foreuse pour les extraire. Choisir ses pièces, c'était déjà choisir sa manière de jouer. J'ai voulu retrouver ce plaisir dans le navigateur.
Les pièces sont présentées avec leur image et leur nom, à côté du Trotmobile. Chaque choix se retrouve directement sur le modèle 3D.
Créer votre Trotmobile (nouvel onglet)Voir les pièces avant de les choisir
Ma première version proposait des listes déroulantes pour remplacer les pièces. J'ai ensuite essayé une approche plus directe : cliquer sur une partie du véhicule et accéder à ses options sur le modèle, comme dans un environnement de création 3D. Ces essais m'ont permis d'explorer la place que l'interaction devait prendre dans l'interface.
J'ai finalement retenu des miniatures accompagnées du nom des pièces. Pour choisir entre plusieurs bras ou plusieurs plateaux, leur silhouette est une information essentielle. Les voir côte à côte permet de comparer leur apparence avant de les équiper. Le libellé apporte ensuite la précision que l'image seule ne donne pas.
Le constructeur permet ainsi de changer toutes les pièces, les couleurs et les emblèmes, avec un rendu proche de celui du jeu. J'ai concentré le travail sur la personnalisation. Ajouter les mouvements aurait demandé un chantier important pour un apport limité à ce que je voulais proposer : le plaisir de composer son propre véhicule.
Ce choix rejoint les observations du Baymard Institute (nouvel onglet) : lorsque des options se distinguent surtout par leur apparence, la combinaison d'une image et d'un libellé les rend plus faciles à reconnaître que du texte seul.
Des fichiers PS2 au navigateur
Derrière cette interface, un autre travail était nécessaire : comprendre les fichiers d'un jeu PS2 pour faire apparaître ses véhicules dans le navigateur. Les modèles devaient être reconstruits à partir des données du jeu, puis associés à leurs textures. Il fallait aussi interpréter les shaders pour retrouver un rendu proche de l'original.
Les agents IA ont analysé ces fichiers et m'ont aidé à comprendre la façon dont les modèles et leurs textures étaient représentés. Cette aide a rendu possible une partie du projet qui, sans elle, aurait été de loin la plus complexe. J'ai pu consacrer davantage de temps aux contenus et à l'expérience que je souhaitais créer.
Retour de la communauté
Quand les fans font évoluer le projet
Après avoir partagé le site avec la communauté, un fan m'a envoyé sa propre collection d'artworks. Ce moment a donné une autre dimension au projet : les recherches que j'avais commencées pour moi devenaient utiles à d'autres, et leurs archives venaient enrichir les miennes.
Les premiers échanges avec les fans ont fait apparaître une envie que je n'avais pas placée au centre du projet : retrouver aussi les personnages et leurs différentes tenues. J'ai ajouté cette idée à ma liste, puis intégré un visionneur dédié. C'est une évolution directement née des personnes auxquelles le site s'adresse.
Performance
Charger au rythme de la visite
Ces ajouts enrichissent le site, mais augmentent aussi le nombre de ressources à charger. Pour garder la visite fluide, j'ai limité les téléchargements à ce qui doit être affiché. Les images des pages sont converties automatiquement en WebP pour alléger leur affichage, tandis que les ressources originales restent disponibles séparément.
Le site propose plus d'une centaine de modèles 3D, chargés uniquement lorsqu'ils doivent être affichés. Le lecteur du manuel charge la double page consultée, et le lecteur YouTube attend le lancement de la vidéo. Le contenu arrive ainsi au fil de la visite.
Référencement
Permettre au prochain fan de trouver le site
Le référencement est aujourd'hui le travail qui me demande le plus d'attention. Le projet est né d'une recherche infructueuse ; il doit à son tour pouvoir être trouvé par quelqu'un qui cherche une illustration ou des informations sur Steambot Chronicles.
Je travaille donc le contenu des pages, leurs titres, les textes alternatifs des images et le sitemap. Les pages consacrées au jeu, à la galerie et au projet donnent aussi des raisons de visiter le site au-delà d'un fichier à télécharger. Le domaine est encore récent : je préfère laisser le temps au site d'être découvert avant de juger ses résultats.
Bilan
Ce que je retiens du projet
Ce projet m'a appris à mieux travailler avec des agents IA. Pour concevoir une page, je leur demande souvent un premier jet : avoir une proposition sous les yeux m'aide à dépasser la page blanche et à préciser mon intention. Je peux alors dire ce qui fonctionne, ce qui manque et ce que je veux modifier. Pour le classement et l'optimisation des images, je délègue aussi une première passe, puis je vérifie et corrige. Leur aide me laisse davantage de temps pour les choix créatifs, à condition de garder cette étape de relecture.
Les échanges avec les fans m'amènent à écrire principalement en anglais et à expliquer mes choix à des personnes qui connaissent bien le jeu. Leurs demandes me permettent de faire évoluer le site à partir d'usages concrets.
J'aimerais poursuivre ce travail avec un guide du jeu illustré de mes propres captures. Il faudra d'abord que je termine une partie à 100 %. Après avoir réuni les archives et recréé une partie de la personnalisation, ce guide apporterait une autre façon de partager ma connaissance de Steambot Chronicles.