FD
À Propos de Moi
Mon Expérience
Mes Projets
Mes Compétences
Mes Passions
/

Créons Quelque Chose d'Exceptionnel

Toujours enthousiaste à l'idée de collaborer sur des projets intéressants et d'explorer de nouvelles idées.

Me contacter sur LinkedInGitHub

Amiens, France

Psst... mon frère code aussi !
© 2026 Florian Douay•Créé avecet beaucoup de
Next.js • TypeScript • Tailwind CSS • Framer Motion • Three.js
Retour aux projets

Campaigns of the Mist

ApplicationSite web
Sidebar
↶ Undo
Redo ↷
Drawer
Dice Tray
Edit Mode
Save Character
Export Character
Reset Character
Settings
What's new
New Character
Alaric Vane×
+
Alaric Vane
Burned
123456
Hungry
123456
Thick FogSlick Footing
Hero Card
Alaric Vane
Fellowship relationships
CompanionRelation
PROMISE
Quintessences
Hero Card
Backpack
hemp rope
hooded lantern
dried rations
chipped flint
road journal
Personality
POWER • WEAKNESS
Resourceful
never backs down
tinkerer
judges the idle
Quest
Prove the village wrong about the name he carries.
ABANDON
IMPROVE
MILESTONE
Thaumaturgy
POWER • WEAKNESS
Ash Oath
word given
inherited blade
bound by the vow
Quest
Keep the promise sworn over the ashes.
ABANDON
IMPROVE
MILESTONE
Add…
Add Card
Add Portrait
Add Journal
− 90% +

Un espace de travail de gestion de campagne pour les jeux de rôle papier comme Legend in the Mist, parti d'une simple fiche de personnage pour devenir le foyer d'une campagne entière.

Aperçu

Campaigns of the Mist est un espace de travail pour mener des parties de jeu de rôle papier basées sur le Mist Engine. Il a commencé comme un gestionnaire de personnages, et il réunit aujourd'hui un système d'onglets complet, des notes en markdown intégrées, des tableaux blancs organisables avec dessin à main levée et plusieurs types d'éléments riches, ainsi qu'un système de liens doté d'un navigateur qui cartographie la façon dont tout se connecte. Ce qui n'était qu'un endroit pour ranger une fiche de personnage est devenu un endroit pour mener une partie entière.

Sa raison d'être

Il est né pendant le Kickstarter de Legend in the Mist, sous la forme d'une fiche de personnage très basique et rigide pour la démo. Mon groupe avait besoin d'un endroit où garder ses personnages le temps d'essayer le jeu, alors je l'ai construit. Je n'avais pas l'intention d'en faire un espace de travail. Chaque version est simplement née de la question de savoir ce que l'application pouvait faire ensuite.

Son évolution

  1. Une fois le Kickstarter terminé, j'ai rebaptisé cette première version l'Alpha et livré une réécriture complète. Les fiches de personnage sont devenues dynamiques, avec des cartes que l'on pouvait créer et réordonner, portées par un système de fichiers appelé le Tiroir qui conservait vos éléments sauvegardés dans des dossiers.
  2. Est ensuite venue la mise à jour Mobile, une version de l'interface reconstruite spécifiquement pour les téléphones plutôt que tassée dessus.
  3. Puis la mise à jour 2.0 a rebaptisé l'application Campaigns of the Mist et l'a transformée en un espace de travail complet, ajoutant les notes, les tableaux blancs, le système de liens, et tout le reste de ses fonctionnalités.

Sous le capot

L'application a été entièrement reconstruite sur IndexedDB, ce qui lui donne la place de stocker les personnages, les notes, les tableaux blancs et les liens entre eux sans surcharger le navigateur. Le système de personnage reste entièrement typé tout en s'adaptant aux différents jeux du Mist Engine, et le système de liens tisse chaque note, tableau et élément en une seule carte navigable. Tout fonctionne sur l'appareil, hors ligne et installable.

Où il en est

Je maintiens et fais évoluer Campaigns of the Mist activement, tout seul, la seule aide extérieure venant des contributeurs à la localisation. Plus que tout, le projet est un témoignage de ma curiosité, et de ma volonté de construire des choses parce qu'elles valent la peine d'être construites, même quand je n'ai jamais rien construit de tel auparavant. Il prouve que je préfère affronter un concept inconnu de face plutôt que de le contourner, et que je sais m'adapter au fur et à mesure.

Technologies Utilisées

ViteReactTypeScriptIndexedDBTailwindPWAShadcn/uiAstroVercel
ApplicationSite web