GithubHelp home page GithubHelp logo

rvdveen / dialogger Goto Github PK

View Code? Open in Web Editor NEW

This project forked from descrout/dialogger

0.0 0.0 0.0 7.91 MB

Simple dialogue maker.

Home Page: https://dialogger.netlify.app/

JavaScript 99.73% CSS 0.06% HTML 0.21%

dialogger's Introduction

Dialogger

show2

Create dialogs with dialogger and make the choices "matter" with setters and conditions. You can check the live version here. Click on Example button for a fizzbuzz sample project.

Dialogger has four key concepts such as characters, dialogs, setters and conditions.

Characters

show2
Characters are basically your data. You can reference this data in your dialogs to embed their values. Alice has ${Alice.gold} gold. You can also change their values with setters and do logic with conditions, this way you can make the choices actually matter. Also you can use time-limit to constrain the time of a dialog. Use the number 0 for the unlimited time.

Dialogs

show1 show2

Dialogs are what you will be seeing in your game. You can add dialog choices and make them conditional as well. In the example above, if alice has 200 or more gold, we are showing the trading dialog choice.

Setters

show2
Setters are how you manipulate your character data. In the example above we have a setter that will decrease alice's gold by 200. We will reach this setter, only if the player clicks on the You can buy this item then. dialog choice. And remember from before, this dialog choice will only be visible if alice has 200 or more gold.

Conditions

show2
Conditions are how you do logic with the character data. Conditions has two mandatory outputs. First is for "true" path and the other is for "false". Additionally you can chain "else if" blocks together. In the example above we are checking if the alice is a farmer or not.

For more detailed outlook, click on the Example button on the live website and explore for yourself.

dialogger's People

Contributors

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