Retour à l'accueil

Pièces d’histoire : les monuments racontés pièce par pièce

Pièces d’histoire : les monuments racontés pièce par pièce

Client

Pièces d’histoire

Rôle

Créateur & Développeur

Outils & Technologies

Next.jsTypeScriptWebGL

Pièces d’histoire raconte l’histoire d’une œuvre à travers l’objet lui-même. Chaque monument est reconstruit en volume à partir de photographies et de ses dimensions publiées, puis séparé en pièces : chaque pièce porte un chapitre de son histoire. Voir le site

Le problème

L’histoire d’un monument se lit d’habitude en texte et en photos, détachée de sa forme réelle. On apprend que la tour Eiffel a été montée sur des échafaudages en 1887, sans voir où ils se trouvaient ni comment les pièces s’assemblent.

Ma solution

  • Monuments modélisés à l’échelle, à partir de photographies et de dimensions publiées
  • Récit en chapitres : chaque étape met en avant les pièces dont elle parle, les autres passent en couleur papier
  • Survol d’une pièce pour l’examiner, glisser pour tourner autour, ouvrir pour séparer les assemblages
  • Gestes tactiles sur mobile
  • Une collection qui couvre plusieurs époques : la Porte du Non-Retour (Ouidah, Bénin), le Colisée, la tour Eiffel et la Joconde

Stack technique

  • Framework : Next.js
  • Langage : TypeScript
  • Rendu 3D : moteur WebGL écrit sur mesure (maillages, matériaux, shaders, sélection des pièces)
  • Interface : Tailwind CSS, Motion

Résultats

Le site est en ligne et chaque monument se parcourt comme un livre illustré qu’on peut manipuler. Le moteur de rendu, écrit sans bibliothèque 3D, garde un style graphique cohérent d’un monument à l’autre, du plus récent (2025) au plus ancien (80 apr. J.-C.).

Voir Pièces d’histoire en ligne