Coder Social home page Coder Social logo

talkit's Introduction

Adjusted for custom dialog

Can be visited here


Thank to talkit for this solution


Talkit

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. ##Description. Talkit is a Non-linear, node based, game dialog editor. It runs on jointJS. It exports to JSON with game ready content. alt text

##Nodes ###Text Display a message from the specified actor.
Actor: Specify the actor who will say the speech.
Speech: The text the actor will say.

###Choice 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.

Set

Sets a variable to a value. Can link to one Text, Node, Set, or Branch.

###Branch Takes one of several paths based on the value of a variable. Each port can link to one Text, Node, Set, or Branch.

###Node Does nothing. Can link to one Text, Node, Set, or Branch, or to one or more Choices.

##Usage 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
    }
]

##Not Implemented Yet - TODO:.

  • 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.

talkit's People

Contributors

ajboni avatar almax27 avatar coryleeio avatar hyfloac avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.