GitHunt
MA

MangoButtermilch/dialogue-editor

Web based tool to generate non linear dialogues.

Dialogue Editor

Made with Angular 17.3.0 (previously 15.2.2)

Prototype for generating non-linear dialogues in games.

Live demo: https://dialogue-editor.buttermilch-dev.de/

Screenshot:

Zoom-Out

Features

  • custom variables and conditions
  • custom characters
  • different types of nodes such as events, comments etc.
  • JSON import + export
  • C# setup for parsing the dialogue in the Unity Engine

TODO

  • Unity package as example on how to traverse the dialogue in a game
  • Localization
  • Undo/redo actions
  • adding more nodes
  • rework UI design

Controls explained

Toolbar

  • Origin button - Reset view to Origin
  • Save button - Save dialogue as JSON file for loading it again later
  • Export button - Export optimized JSON dialogue for engines

Mouse:

  • mouse wheel - Zoom in and out
  • click mouse wheel - Pan viewport
  • mouse right click - Open context menu
  • hover + double click on connections - Delete connections

Using dialogue JSON files

Languages

TypeScript79.5%HTML11.6%SCSS5.1%C#3.8%

Contributors

MIT License
Created March 10, 2023
Updated May 4, 2025