Différences

Ci-dessous, les différences entre deux révisions de la page.

--- en:editeur:graphe [2026/07/06 00:12] – maj 4.13 : modes d'interface + corrections cyrilfiesta
+++ en:editeur:graphe [2026/08/31 20:42] (Version actuelle) – Wiki : fins de pages homogènes, liens Discord retirés cyrilfiesta
@@ Ligne 1: / Ligne 1: @@
 **Language / Langue :** [[fr:editeur:graphe|FR]] | **EN**
-====== Graphical Editor - Interactive Graph ======
+====== Graphical editor - Interactive graph ======
-The graph shows rooms, choices, event redirects, actions and model-generated rooms.
+The graph is the central view of the editor. It shows every room of the scenario as a node, linked by arrows standing for the exits.
-Common actions:
+===== Navigation =====
-  * drag the background to move the view;
-  * mouse wheel to zoom;
+  * **Click** a room to select it and open the inspector
-  * double-click the background to create a room;
+  * **Drag** a room to move it inside the graph
-  * drag rooms to organize the graph;
+  * **Mouse wheel** to zoom in and out
-  * use layouts to reorganize automatically.
+  * **Click and drag** the background to pan the view
+  * **Double-click** the background to create a new room
+  * **+** / **-** to zoom in and out
+  * **0** to fit the view
+===== Automatic layout =====
+The **View → Reorganise** menu recomputes the positions for a readable graph. Three layouts are available:
+  * **Vertical tree** (''dagre-tb'') - the default, root at the top
+  * **Horizontal tree** (''dagre-lr'') - root on the left
+  * **Breadth first** (''bfs'') - level by level exploration from room 0
+===== Quick search =====
+''Ctrl+K'' (or ''Ctrl+P'') opens the quick search. Type the name of a room to jump straight to it. It also creates a room, runs the linter or starts a test game.
+===== Kinds of connections =====
+Arrows between rooms show the kind of link through their style. Exact colours depend on the theme:
+^ Kind ^ Style ^ Description ^
+| Plain exit | Solid line | Direct navigation between rooms (choice, ''to:'') |
+| Event (''event-edge'') | Dashes | Exit fired by an event |
+| Action (''action-edge'') | Dots | Link coming from a custom action |
+| Choice effect (''choice-effect-edge'') | Short dashes | Effect of a choice (''effet:'') |
+| Model (''model-edge'') | Wide dashes | Connection to or from a model |
+===== Creating and deleting a room =====
+  * **Create**: double-click the background, or the ''+ Room'' button in the toolbar
+  * **Delete**: select the room, then press ''Del'' or use the bin button in the inspector
+  * **Copy and paste**: ''Ctrl+C'' on a selected room, then ''Ctrl+V''
-Edge colors and shapes depend on the selected palette and style.