Web Based, Non-Linear Game Dialogue Editor.
Talkit is a fork of et1337's wonderful The Poor Man's Dialogue Tree which is currently part of Lemma project.
Talkit is a Non-linear, node based, game dialog editor.
It runs on jointJS. It exports to JSON with game ready content.
Display a message from the specified actor.
Actor: Specify the actor who will say the speech.
Speech: The text the actor will say.
Intended to populate the players choices for responses.
Title: The title of the choice. This is useful for cases when the buttons the player would have to chose from
will differ from the actual speech he will say.
Speech: The text the actor will say.
Sets a variable to a value. Can link to one Text, Node, Set, or Branch.
Takes one of several paths based on the value of a variable. Each port can link to one Text, Node, Set, or Branch.
Does nothing. Can link to one Text, Node, Set, or Branch, or to one or more Choices.
Fire up the HTML, make your dialog and export.
You can add ?load="file.json" to the URL to load a graph saved on cache.
Example Output:
[
{
"type": "Text",
"id": "227b6f95-2759-4bda-8364-3bcbcb2cbf4d",
"actor": "Detective",
"name": "Now tell me Victor.\nWhere were you last night?",
"choices": [
"b24806af-4923-4881-84c8-93426cbe3c19",
"69261cd7-1cfe-4088-8c7c-99f19bc5fb25"
]
},
{
"type": "Choice",
"id": "69261cd7-1cfe-4088-8c7c-99f19bc5fb25",
"title": "Honest Answer",
"name": "I was at her house.\nBut I dind't saw anything strange.",
"next": "6e9f9c69-3efc-447b-ac3a-ade28635b106"
},
{
"type": "Choice",
"id": "b24806af-4923-4881-84c8-93426cbe3c19",
"title": "Lie",
"name": "",
"next": "fe9c4ac5-3f5a-4df1-91fe-e45b523017d7"
},
{
"type": "Set",
"id": "6e9f9c69-3efc-447b-ac3a-ade28635b106",
"variable": "Honest",
"value": "true",
"next": "fd3067f6-2afc-42e8-a697-2bb5739a8438"
},
{
"type": "Set",
"id": "fe9c4ac5-3f5a-4df1-91fe-e45b523017d7",
"variable": "Honest",
"value": "false",
"next": "fd3067f6-2afc-42e8-a697-2bb5739a8438"
},
{
"type": "Text",
"id": "fd3067f6-2afc-42e8-a697-2bb5739a8438",
"actor": "Detective",
"name": "That will be all for now.",
"next": null
}
]- Add ?import="file.json" to import a graph from disk.
- Add the ability to make a node a starting node.
- Display the Id of the node on each node.
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent