🕸️ Story Web

👤 Pour : Game Masters · 💳 Offre : Tous les forfaits · 🧵 génération d'histoire 4 · 🔄 Mis à jour le 2026-10-17

Le Story Web est un graphe visuel en temps réel de tout ce qui est connecté dans ta campagne. Chaque PNJ, lieu, faction, scène, intrigue et objet est un nœud ; chaque relation est une arête. Les nouveaux liens que tu crées ailleurs dans Wovenkeep apparaissent ici automatiquement — pas besoin de réimporter.

La Toile narrative dans l'outil Game Master : barre d'outils, le graphe de la campagne de démonstration et le panneau latéral de la session Dans les Ténèbres avec ses 13 connexions (libellés en partie encore en anglais)

Ce qu'il fait

Le Story Web dérive son graphe en temps réel à partir des connexions que tu construis à travers l'outil — relations entre PNJ, liens d'intrigue, références de scènes, et bien plus. Les nœuds et arêtes ajoutés manuellement se superposent au graphe dérivé. Bascule entre une vue Locale focalisée (le voisinage immédiat d'une entité) et le graphe complet pour garder les grandes campagnes gérables.

Quand l'utiliser

  • Tu veux voir en un coup d'œil qui est connecté à qui avant une session
  • Tu planifies un conflit de factions et tu dois repérer les liens manquants
  • Un joueur demande « qui connaissons-nous dans cette ville ? » et tu veux le cartographier rapidement
  • Tu dois naviguer d'un personnage vers une scène liée sans perdre ta place

Étape par étape

  1. Ouvre Toile narrative depuis la barre latérale (groupe Histoire & Tantu) — il s'ouvre intégré dans le GM Tool, avec ta campagne actuelle.
  2. Tu préfères le plein écran ? Une version autonome existe sous /gm/story-web.html (la vue intégrée y renvoie sur petits écrans). La page autonome a un menu déroulant de campagne dans la barre d'outils.
  3. Le graphe se charge automatiquement en vue Locale — centré sur le nœud le plus connecté de ta campagne.
  4. Clique sur n'importe quel nœud pour ouvrir son panneau de détails sur la droite.
  5. Utilise 🎯 Focus dans le panneau de détails pour faire de ce nœud le centre de la vue Locale.
  6. Sur la page autonome, bascule vers Graphe complet dans la barre d'outils pour voir tous les nœuds d'un coup.

💡 Astuce : Double-clique sur une zone vide du canevas pour créer un nouveau nœud directement, sans ouvrir la boîte de dialogue de la barre d'outils.


L'interface

La page autonome du Story Web : barre d'outils, graphe en vue Locale et panneau de détails d'un nœud

Le canevas occupe la majeure partie de la page. La barre d'outils en haut regroupe les actions principales. Le panneau latéral (affiché/masqué avec Panel) affiche les détails du nœud ou de l'arête sélectionné(e).


Vue Locale vs. graphe complet

Mode Ce que tu vois Idéal pour
Local Nœuds à 1–2 sauts du nœud focal Grandes campagnes, préparation de session
Graphe complet Tous les nœuds de la campagne Petites campagnes, vue d'ensemble

Bascule avec les boutons Local / Graphe complet dans la barre d'outils de la page autonome (/gm/story-web.html). Utilise le sélecteur 1 saut / 2 sauts pour ajuster la portée de la vue Locale. La vue intégrée dans le GM Tool s'ouvre en vue Locale — navigue avec 🎯 Focus, ou ouvre la page autonome pour le basculement graphe complet.

Changer de focus : clique sur un nœud → dans le panneau de détails, clique sur 🎯 Focus pour en faire le centre de la vue Locale.

Liens directs : le panneau 🔗 Liens des PNJ, des lieux, des intrigues, des indices et des scènes a un bouton 🕸 Voir dans le web. Cliquer dessus ouvre le Story Web dans un nouvel onglet du navigateur avec cette entité déjà en focus — le GM Tool reste là où tu étais.


Dérivation en direct — les connexions apparaissent automatiquement

Quand tu lies des entités ailleurs dans Wovenkeep (ajouter un PNJ à une scène, connecter deux intrigues, lier un indice à un PNJ ou à une scène), ces connexions apparaissent dans le Story Web immédiatement au prochain chargement. Tu n'as pas besoin de réimporter. Les indices que tu as liés apparaissent comme nœuds 🔍.

Les actes et chapitres font exception : ils n'entrent dans le web que par Importer depuis l'histoire — avec des arêtes partie de du chapitre vers l'acte et de la scène vers le chapitre — et ne sont pas mis à jour ensuite. Si tu les renommes ou les regroupes plus tard, le web garde l'état importé.

Les arêtes dérivées automatiquement sont étiquetées auto dans le panneau de détails et ne peuvent pas être supprimées directement — elles reflètent tes données de campagne réelles. Les arêtes manuelles (celles que tu dessines toi-même) affichent un bouton de suppression.


Importer depuis ta campagne

Clique sur Importer depuis l'histoire pour ajouter des nœuds pour les entités qui ne sont pas encore dans le web.

Une boîte de dialogue te permet de choisir les catégories à importer :

☑ PNJ               ☑ Scènes        ☑ Lieux
☑ Actes             ☑ Chapitres     ☑ Intrigues
☑ Préfiguration     ☑ Rencontres    ☑ Aides de jeu
☑ Sessions          ☑ Personnages joueurs
☑ Objets            ☑ Monstres

Les treize catégories sont cochées au départ. Choisis une disposition sous Position — Arbre (hiérarchique) ou Grille — et clique sur Importer. Les nœuds existants ne sont pas dupliqués ; dans l'arbre, les actes forment la première rangée et les chapitres la deuxième.


Types de nœuds

Quinze types par défaut sont disponibles. La couleur et l'icône sont affichées sur le canevas :

Type Couleur Icône Utilisation typique
PNJ Bleu 👤 Personnage non-joueur (PNJ)
Lieu Sarcelle 📍 Ville, donjon, région
Faction Ambre ⚔️ Guilde, armée, culte
Objet Rouge 💎 Artefact, objet clé
Événement Violet ⚡ Bataille, rituel, trahison
Intrigue Violet 📜 Un fil narratif
Indice Ambre 🔍 Foreshadowing ou indice
Acte Rouge 🎭 Acte de l'histoire
Chapitre Orange 📖 Chapitre au sein d'un acte
Session Cyan 📅 Une session jouée
Rencontre Rouge foncé ⚔️ Combat ou défi de compétence
Document Vert 📝 Document à distribuer aux joueurs
PJ Bleu 🧙 Un personnage joueur
Monstre Rouge foncé 🐲 Créature personnalisée ou SRD
Personnalisé Gris 🔮 Autre chose

Tu peux aussi créer tes propres types — voir Types personnalisés.


Types d'arêtes

Neuf types d'arêtes par défaut sont disponibles :

Type Couleur Signification
Connexion Gris Relation générique
Allié Sarcelle Lien d'amitié
Ennemi Rouge Relation hostile
Famille Ambre Lien de sang ou de mariage
Lien de lieu Sarcelle « X se trouve au lieu Y »
Lien de quête Violet Lié à une intrigue
Fait partie de Gris Hiérarchie structurelle
Apparaît dans Bleu L'entité apparaît dans une autre entité
Présage Ambre Foreshadowing narratif

Ajouter des nœuds

Importer depuis la campagne (recommandé)

Clique sur Importer depuis l'histoire et sélectionne les catégories à importer. Les nœuds existants sont ignorés.

Manuellement — + Node

Clique sur + Node. Un formulaire s'ouvre dans le panneau latéral :

Le formulaire de nouveau nœud dans le panneau latéral

Le nœud apparaît au centre du canevas. Fais-le glisser pour le repositionner.

Quand tu crées un nœud PNJ ou Lieu, tu peux le lier directement à un PNJ ou une scène existant(e) depuis le menu déroulant — cela crée un lien d'entité en direct afin que les modifications soient répercutées automatiquement.


Ajouter des arêtes

Clique sur 🔗 Connecter pour entrer en mode connexion — le bouton est mis en surbrillance pour indiquer qu'il est actif.

En mode connexion :

  1. Clique sur un nœud source
  2. Clique sur un nœud cible
  3. Un formulaire s'ouvre dans le panneau latéral — choisis le type d'arête et un label optionnel
  4. Clique sur Save

Pour quitter le mode connexion, appuie sur Escape ou clique à nouveau sur 🔗 Connecter.

Tu peux aussi faire Shift + glisser depuis n'importe quel nœud pour démarrer une connexion sans changer de mode.


Modifier et supprimer

Action Comment
Ouvrir les détails d'un nœud Clic simple sur un nœud
Modifier un nœud (nom, type, notes) Double-clic sur un nœud, ou clic simple → Edit dans le panneau
Repositionner un nœud Glisser
Supprimer un nœud manuel Clic droit → Supprimer, ou clic simple → Supprimer dans le panneau
Supprimer une arête manuelle Cliquer sur l'arête → Supprimer dans le panneau
Effacer tout le contenu 🗑 Contenu dans la barre d'outils (confirmation requise ; les définitions de types personnalisés sont conservées)

Remarque : Les nœuds dérivés (auto-générés à partir des entités de la campagne) ne peuvent pas être supprimés depuis le Story Web. Supprime le lien sous-jacent dans l'entité elle-même.

Toutes les modifications sont enregistrées automatiquement.


Le panneau latéral

Affiche/masque avec Panel dans la barre d'outils.

Nœud sélectionné :

Le panneau latéral avec un nœud PNJ sélectionné et ses connexions

Les arêtes dérivées affichent auto — elles ne peuvent pas être supprimées ici. Les arêtes manuelles affichent [x].

Le lien rapide NPC bearbeiten / Szene öffnen renvoie directement à l'éditeur de cette entité.


Types personnalisés

Clique sur ⚙ dans la barre d'outils pour ouvrir les Paramètres de types.

Onglet types de nœuds

Ajoute un nouveau type avec + Type (clé, label, couleur, icône). Les nœuds existants peuvent être réaffectés aux nouveaux types.

Onglet types d'arêtes

Même structure pour les styles d'arêtes (couleur de ligne, label). Les types d'arêtes personnalisés apparaissent à côté des types par défaut quand tu dessines une connexion.


Commande Action
Bouton Fit dans la barre d'outils Ajuste automatiquement la vue pour afficher tous les nœuds visibles
Déplacer Cliquer-glisser sur le canevas vide
Zoom Molette de défilement
Disposition force D3 S'exécute automatiquement ; les nœuds connectés se rapprochent
Position manuelle Fais glisser un nœud pour le fixer ; les autres s'ajustent autour

Notes sur les performances

  • La simulation de force D3 tourne fluidement jusqu'à ~100 nœuds en vue
  • 100–300 nœuds : perceptible mais tolérable
  • 300+ nœuds : la disposition peut saccader à chaque glissement

Pour les grandes campagnes, reste en vue Locale avec 1 Hop pour garder le nombre de nœuds visibles bas. Utilise 🎯 Focus pour naviguer session par session plutôt que de charger le graphe complet.


Quand utiliser le Story Web

Cas d'usage Efficacité
Suivre les relations dans une campagne de 5 PNJ Faible — surdimensionné
Suivre les relations dans une campagne de 25 PNJ Élevée — indispensable
Visualiser une guerre de factions (trois factions) Élevée
Planifier un braquage avec de nombreux PNJ connectés Élevée
Naviguer d'une entité vers des entités liées Élevée (utilise la vue Locale + 🎯 Focus)
Planification narrative session par session Faible — utilise le Story Coach à la place

Résolution de problèmes

Symptôme Cause Solution
Une connexion créée ailleurs n'apparaît pas Graphe non rechargé Resélectionne la campagne dans le menu déroulant (page autonome), ou quitte et rouvre la section Story Web (vue intégrée)
Le nœud apparaît mais n'a pas d'arêtes L'entité a été importée mais n'est liée nulle part Lie-la via la page de détail de l'entité ; l'arête apparaît automatiquement
Toast « Les nœuds dérivés ne peuvent pas être supprimés » Tu as tenté de supprimer un nœud dérivé (auto) Supprime le lien sous-jacent dans le PNJ, la scène ou l'entité elle-même
Le canevas est vide après avoir changé de campagne La simulation D3 tourne ; un grand graphe prend un moment Attends 2–3 secondes ; utilise Fit si des nœuds sont hors écran
La vue Locale n'affiche qu'un seul nœud Le nœud focal n'a pas encore d'arêtes Dessine une connexion, ou bascule vers Graphe complet pour voir tous les nœuds

Optionnel : suggestion d'histoire à partir de ton web (IA)

Tout ce qui précède fonctionne sans IA. Si tu le souhaites, le bouton Générer l'histoire transforme ton web en matière narrative. Il envoie tes nœuds et arêtes actuels à Tantu et renvoie, dans le panneau latéral :

  • un résumé d'histoire qui tisse tes entités connectées en un récit cohérent,
  • une liste d'idées d'intrigue basées sur les relations du graphe,
  • des nœuds suggérés — des entités qui, selon Tantu, manquent, chacune avec une raison et un bouton + Hinzufügen qui l'ajoute au web en un clic.

Tantu répond à l'aide de l'IA. Il faut au moins 2 nœuds dans le web avant de générer. Le bouton porte un badge 4 🧵 (action de texte long ; 0 🧵 avec ta propre clé IA), et un dialogue de confirmation avec coût et solde apparaît avant toute dépense. La voix définie dans 🪶 Tantu : nom et voix façonne le résultat.


Articles liés