tutorial and help - deig · active flownode. dialog alternatives click to select active flow-node....
TRANSCRIPT
![Page 1: Tutorial and Help - Deig · Active flownode. Dialog alternatives Click to select Active flow-node. Interactables and locations are also highlighted This is the current location (white)](https://reader035.vdocument.in/reader035/viewer/2022062607/604644648bf6a36f5c01ae76/html5/thumbnails/1.jpg)
TutorialandHelp
v.1.3
![Page 2: Tutorial and Help - Deig · Active flownode. Dialog alternatives Click to select Active flow-node. Interactables and locations are also highlighted This is the current location (white)](https://reader035.vdocument.in/reader035/viewer/2022062607/604644648bf6a36f5c01ae76/html5/thumbnails/2.jpg)
Overview
• ThiseditorhasbeencreatedtoenablecontentgenerationforaniOS/Androidgame
• ThemobilegameisbuiltinaUnityproject
• Theeditorisastand-aloneJavaprogram
– Thegamelogiccanbetestedanddebuggedinsidetheeditor
– Thegamecanbeplayedintheeditor.
– Dialogcanbegeneratedwithtext-to-speech
– ThecurrentpublicversiondoesnotprovideUnityexport.Itwillbeaddedinfutureversions.
![Page 3: Tutorial and Help - Deig · Active flownode. Dialog alternatives Click to select Active flow-node. Interactables and locations are also highlighted This is the current location (white)](https://reader035.vdocument.in/reader035/viewer/2022062607/604644648bf6a36f5c01ae76/html5/thumbnails/3.jpg)
Thegamemodes
• Whenthegameisplayed,therearetwomainmodesofinteraction
– Theexplorationmode
• theuserdragshis/herfingertofindandactivateinteractables
– Thedialogmode
• whenaninteractableisactivated,theusercaninteractwithitthroughdialogs
![Page 4: Tutorial and Help - Deig · Active flownode. Dialog alternatives Click to select Active flow-node. Interactables and locations are also highlighted This is the current location (white)](https://reader035.vdocument.in/reader035/viewer/2022062607/604644648bf6a36f5c01ae76/html5/thumbnails/4.jpg)
BasicEditing
ToaddLocations,Interactables,and
Characters
![Page 5: Tutorial and Help - Deig · Active flownode. Dialog alternatives Click to select Active flow-node. Interactables and locations are also highlighted This is the current location (white)](https://reader035.vdocument.in/reader035/viewer/2022062607/604644648bf6a36f5c01ae76/html5/thumbnails/5.jpg)
MainWindow
Game name (Default)
Chapter name (C01, C02...)
List of locations
(currently empty)
![Page 6: Tutorial and Help - Deig · Active flownode. Dialog alternatives Click to select Active flow-node. Interactables and locations are also highlighted This is the current location (white)](https://reader035.vdocument.in/reader035/viewer/2022062607/604644648bf6a36f5c01ae76/html5/thumbnails/6.jpg)
Addalocation
Add a location
![Page 7: Tutorial and Help - Deig · Active flownode. Dialog alternatives Click to select Active flow-node. Interactables and locations are also highlighted This is the current location (white)](https://reader035.vdocument.in/reader035/viewer/2022062607/604644648bf6a36f5c01ae76/html5/thumbnails/7.jpg)
Selectaname
Type a name
Note: no whitespace or special
characters
Click to add image
![Page 8: Tutorial and Help - Deig · Active flownode. Dialog alternatives Click to select Active flow-node. Interactables and locations are also highlighted This is the current location (white)](https://reader035.vdocument.in/reader035/viewer/2022062607/604644648bf6a36f5c01ae76/html5/thumbnails/8.jpg)
Pickanimagefile
Chose from the scrapbook
(the Locations folder)
Or from some other location.
The image will be copied.
![Page 9: Tutorial and Help - Deig · Active flownode. Dialog alternatives Click to select Active flow-node. Interactables and locations are also highlighted This is the current location (white)](https://reader035.vdocument.in/reader035/viewer/2022062607/604644648bf6a36f5c01ae76/html5/thumbnails/9.jpg)
Preview
Preview of the
selected image
Click OK to proceed
![Page 10: Tutorial and Help - Deig · Active flownode. Dialog alternatives Click to select Active flow-node. Interactables and locations are also highlighted This is the current location (white)](https://reader035.vdocument.in/reader035/viewer/2022062607/604644648bf6a36f5c01ae76/html5/thumbnails/10.jpg)
Location area
List of interactables in active location
(currently empty)
![Page 11: Tutorial and Help - Deig · Active flownode. Dialog alternatives Click to select Active flow-node. Interactables and locations are also highlighted This is the current location (white)](https://reader035.vdocument.in/reader035/viewer/2022062607/604644648bf6a36f5c01ae76/html5/thumbnails/11.jpg)
Switchbetweenlocations
Active location marked
with white
![Page 12: Tutorial and Help - Deig · Active flownode. Dialog alternatives Click to select Active flow-node. Interactables and locations are also highlighted This is the current location (white)](https://reader035.vdocument.in/reader035/viewer/2022062607/604644648bf6a36f5c01ae76/html5/thumbnails/12.jpg)
Addinteractable
![Page 13: Tutorial and Help - Deig · Active flownode. Dialog alternatives Click to select Active flow-node. Interactables and locations are also highlighted This is the current location (white)](https://reader035.vdocument.in/reader035/viewer/2022062607/604644648bf6a36f5c01ae76/html5/thumbnails/13.jpg)
Positionofinteractable
Drag to move
![Page 14: Tutorial and Help - Deig · Active flownode. Dialog alternatives Click to select Active flow-node. Interactables and locations are also highlighted This is the current location (white)](https://reader035.vdocument.in/reader035/viewer/2022062607/604644648bf6a36f5c01ae76/html5/thumbnails/14.jpg)
Addcharacters
Select this option to set up
the characters that appears in
the current chapter
![Page 15: Tutorial and Help - Deig · Active flownode. Dialog alternatives Click to select Active flow-node. Interactables and locations are also highlighted This is the current location (white)](https://reader035.vdocument.in/reader035/viewer/2022062607/604644648bf6a36f5c01ae76/html5/thumbnails/15.jpg)
Click here to add a
character
Main character
is always
present
![Page 16: Tutorial and Help - Deig · Active flownode. Dialog alternatives Click to select Active flow-node. Interactables and locations are also highlighted This is the current location (white)](https://reader035.vdocument.in/reader035/viewer/2022062607/604644648bf6a36f5c01ae76/html5/thumbnails/16.jpg)
Selectaname
The name will be used in
the editor to identify a
character. It does not need
to be the actual name of the
character.
![Page 17: Tutorial and Help - Deig · Active flownode. Dialog alternatives Click to select Active flow-node. Interactables and locations are also highlighted This is the current location (white)](https://reader035.vdocument.in/reader035/viewer/2022062607/604644648bf6a36f5c01ae76/html5/thumbnails/17.jpg)
Selectanimage
Select an image to use for the character
(in the same way as for locations).
Take them from the Characters folder
![Page 18: Tutorial and Help - Deig · Active flownode. Dialog alternatives Click to select Active flow-node. Interactables and locations are also highlighted This is the current location (white)](https://reader035.vdocument.in/reader035/viewer/2022062607/604644648bf6a36f5c01ae76/html5/thumbnails/18.jpg)
Dialogimage
This image will be shown
when we are in dialog
mode. It will not be used in
exploration mode.
![Page 19: Tutorial and Help - Deig · Active flownode. Dialog alternatives Click to select Active flow-node. Interactables and locations are also highlighted This is the current location (white)](https://reader035.vdocument.in/reader035/viewer/2022062607/604644648bf6a36f5c01ae76/html5/thumbnails/19.jpg)
FlowNodeBasics
Flownodesmodelthelogicof
interactable
![Page 20: Tutorial and Help - Deig · Active flownode. Dialog alternatives Click to select Active flow-node. Interactables and locations are also highlighted This is the current location (white)](https://reader035.vdocument.in/reader035/viewer/2022062607/604644648bf6a36f5c01ae76/html5/thumbnails/20.jpg)
RoleofFlowNodes
• Flownodesareusedtocreategraphsthatmodelsthelogicofaninteractable
• Whenaninteractableisselected,thegameenters”dialogmode”andthestartnodeisactivated(theroot)
• Thegraphisthentraversedaccordingtotheconditionsanddialogchoices
• Whenaleafnode(anodewithoutexitconnection)isreached,thegamereturnsto”explorationmode”
![Page 21: Tutorial and Help - Deig · Active flownode. Dialog alternatives Click to select Active flow-node. Interactables and locations are also highlighted This is the current location (white)](https://reader035.vdocument.in/reader035/viewer/2022062607/604644648bf6a36f5c01ae76/html5/thumbnails/21.jpg)
• Flownodesareusedtocreategraphsthatmodelsthelogicofaninteractable
• Whenaninteractable isselected,thegameenters”dialogmode”andthestartnodeisactivated(theroot)
• Thegraphisthentraversedaccordingtotheconditionsanddialogchoices
• Whenaleafnode(anodewithoutexitconnection)isreached,thegamereturnsto”explorationmode”
![Page 22: Tutorial and Help - Deig · Active flownode. Dialog alternatives Click to select Active flow-node. Interactables and locations are also highlighted This is the current location (white)](https://reader035.vdocument.in/reader035/viewer/2022062607/604644648bf6a36f5c01ae76/html5/thumbnails/22.jpg)
NodetypesAct – non-interactivedialogtextwithactornames
Dialog – adialogchoicewithuptofouroptions
Condition – Routestheflowdependingonconditionalexpressionsusing
variables
Fork,or”firsttimefork”– enablesaseparateflowthefirsttimethenodeis
visited
Setvariable– setsavaluetoaBooleanvariable(trueorfalse)
Transition – changestheactivelocation
Code – usedtocontrolvariousspecialinteractionintheunityengine.Isusedprimarilytosignalendofchapter
Dice– arandomexitisselected
![Page 23: Tutorial and Help - Deig · Active flownode. Dialog alternatives Click to select Active flow-node. Interactables and locations are also highlighted This is the current location (white)](https://reader035.vdocument.in/reader035/viewer/2022062607/604644648bf6a36f5c01ae76/html5/thumbnails/23.jpg)
EditingFlowNodes
Active interactable
Start node in the
flow graph
![Page 24: Tutorial and Help - Deig · Active flownode. Dialog alternatives Click to select Active flow-node. Interactables and locations are also highlighted This is the current location (white)](https://reader035.vdocument.in/reader035/viewer/2022062607/604644648bf6a36f5c01ae76/html5/thumbnails/24.jpg)
Addaflownode
or right click to get a
list of nodes to add
Use this menu
or keyboard
shortcuts (Ctrl 1-8)
![Page 25: Tutorial and Help - Deig · Active flownode. Dialog alternatives Click to select Active flow-node. Interactables and locations are also highlighted This is the current location (white)](https://reader035.vdocument.in/reader035/viewer/2022062607/604644648bf6a36f5c01ae76/html5/thumbnails/25.jpg)
Actnode
![Page 26: Tutorial and Help - Deig · Active flownode. Dialog alternatives Click to select Active flow-node. Interactables and locations are also highlighted This is the current location (white)](https://reader035.vdocument.in/reader035/viewer/2022062607/604644648bf6a36f5c01ae76/html5/thumbnails/26.jpg)
Double-clicktoeditnode
orusectrl-e(�-eonmac)
Double-click
to edit
Keyboard
shortcut
![Page 27: Tutorial and Help - Deig · Active flownode. Dialog alternatives Click to select Active flow-node. Interactables and locations are also highlighted This is the current location (white)](https://reader035.vdocument.in/reader035/viewer/2022062607/604644648bf6a36f5c01ae76/html5/thumbnails/27.jpg)
Acteditorwindow
Type dialog text,
max 2 lines
Name of character
Emotion flag
Inner dialog checkbox
![Page 28: Tutorial and Help - Deig · Active flownode. Dialog alternatives Click to select Active flow-node. Interactables and locations are also highlighted This is the current location (white)](https://reader035.vdocument.in/reader035/viewer/2022062607/604644648bf6a36f5c01ae76/html5/thumbnails/28.jpg)
Addrows
Add row lastDelete row
Insert row
before
![Page 29: Tutorial and Help - Deig · Active flownode. Dialog alternatives Click to select Active flow-node. Interactables and locations are also highlighted This is the current location (white)](https://reader035.vdocument.in/reader035/viewer/2022062607/604644648bf6a36f5c01ae76/html5/thumbnails/29.jpg)
Connectnodes:
Dragfromoutputsquaretotargetnode
Aim for the big
rectangle
![Page 30: Tutorial and Help - Deig · Active flownode. Dialog alternatives Click to select Active flow-node. Interactables and locations are also highlighted This is the current location (white)](https://reader035.vdocument.in/reader035/viewer/2022062607/604644648bf6a36f5c01ae76/html5/thumbnails/30.jpg)
Arrowsindicateflow
This will be
handled first
Then this
will follow
![Page 31: Tutorial and Help - Deig · Active flownode. Dialog alternatives Click to select Active flow-node. Interactables and locations are also highlighted This is the current location (white)](https://reader035.vdocument.in/reader035/viewer/2022062607/604644648bf6a36f5c01ae76/html5/thumbnails/31.jpg)
Double-clickthesquaretodeleteconnection
![Page 32: Tutorial and Help - Deig · Active flownode. Dialog alternatives Click to select Active flow-node. Interactables and locations are also highlighted This is the current location (white)](https://reader035.vdocument.in/reader035/viewer/2022062607/604644648bf6a36f5c01ae76/html5/thumbnails/32.jpg)
Dialognode
Dialog choice #1
Dialog choice #2
Add a new choice
![Page 33: Tutorial and Help - Deig · Active flownode. Dialog alternatives Click to select Active flow-node. Interactables and locations are also highlighted This is the current location (white)](https://reader035.vdocument.in/reader035/viewer/2022062607/604644648bf6a36f5c01ae76/html5/thumbnails/33.jpg)
Dialogoutputs
Dialog choice #1
Dialog choice #2
![Page 34: Tutorial and Help - Deig · Active flownode. Dialog alternatives Click to select Active flow-node. Interactables and locations are also highlighted This is the current location (white)](https://reader035.vdocument.in/reader035/viewer/2022062607/604644648bf6a36f5c01ae76/html5/thumbnails/34.jpg)
Connectoutputtodifferentactnodes
Mouse-over
presentation of
act node #1
This act will be played if the
user selects the first dialog
alternative
![Page 35: Tutorial and Help - Deig · Active flownode. Dialog alternatives Click to select Active flow-node. Interactables and locations are also highlighted This is the current location (white)](https://reader035.vdocument.in/reader035/viewer/2022062607/604644648bf6a36f5c01ae76/html5/thumbnails/35.jpg)
Mouse-over
presentation of
act node #2
This act will be played if the
user selects the second
dialog alternative
![Page 36: Tutorial and Help - Deig · Active flownode. Dialog alternatives Click to select Active flow-node. Interactables and locations are also highlighted This is the current location (white)](https://reader035.vdocument.in/reader035/viewer/2022062607/604644648bf6a36f5c01ae76/html5/thumbnails/36.jpg)
DebugGameLogic
Usingthebuiltinplayertotestthe
logic
![Page 37: Tutorial and Help - Deig · Active flownode. Dialog alternatives Click to select Active flow-node. Interactables and locations are also highlighted This is the current location (white)](https://reader035.vdocument.in/reader035/viewer/2022062607/604644648bf6a36f5c01ae76/html5/thumbnails/37.jpg)
SelectRunàDebug
![Page 38: Tutorial and Help - Deig · Active flownode. Dialog alternatives Click to select Active flow-node. Interactables and locations are also highlighted This is the current location (white)](https://reader035.vdocument.in/reader035/viewer/2022062607/604644648bf6a36f5c01ae76/html5/thumbnails/38.jpg)
Debuggerletyouplaythegameand
followthegamelogic
Debug player
window
![Page 39: Tutorial and Help - Deig · Active flownode. Dialog alternatives Click to select Active flow-node. Interactables and locations are also highlighted This is the current location (white)](https://reader035.vdocument.in/reader035/viewer/2022062607/604644648bf6a36f5c01ae76/html5/thumbnails/39.jpg)
Explorationmode
Drag to find
interactables
![Page 40: Tutorial and Help - Deig · Active flownode. Dialog alternatives Click to select Active flow-node. Interactables and locations are also highlighted This is the current location (white)](https://reader035.vdocument.in/reader035/viewer/2022062607/604644648bf6a36f5c01ae76/html5/thumbnails/40.jpg)
Dialogmode
Dialog mode
press space or arrow
to skip
![Page 41: Tutorial and Help - Deig · Active flownode. Dialog alternatives Click to select Active flow-node. Interactables and locations are also highlighted This is the current location (white)](https://reader035.vdocument.in/reader035/viewer/2022062607/604644648bf6a36f5c01ae76/html5/thumbnails/41.jpg)
Theactiveflownodeishighlighted
Active flow node
![Page 42: Tutorial and Help - Deig · Active flownode. Dialog alternatives Click to select Active flow-node. Interactables and locations are also highlighted This is the current location (white)](https://reader035.vdocument.in/reader035/viewer/2022062607/604644648bf6a36f5c01ae76/html5/thumbnails/42.jpg)
Dialog alternatives
Click to select
Active flow-node
![Page 43: Tutorial and Help - Deig · Active flownode. Dialog alternatives Click to select Active flow-node. Interactables and locations are also highlighted This is the current location (white)](https://reader035.vdocument.in/reader035/viewer/2022062607/604644648bf6a36f5c01ae76/html5/thumbnails/43.jpg)
Interactablesandlocationsarealso
highlighted
This is the current
location (white)
No interactable is
active as we are in
exploration mode
![Page 44: Tutorial and Help - Deig · Active flownode. Dialog alternatives Click to select Active flow-node. Interactables and locations are also highlighted This is the current location (white)](https://reader035.vdocument.in/reader035/viewer/2022062607/604644648bf6a36f5c01ae76/html5/thumbnails/44.jpg)
Interactables’IconandAudio
Ifeachinteractableisgivenaunique
auditoryiconthegamecanbeplayed
byvisuallyimpaired
![Page 45: Tutorial and Help - Deig · Active flownode. Dialog alternatives Click to select Active flow-node. Interactables and locations are also highlighted This is the current location (white)](https://reader035.vdocument.in/reader035/viewer/2022062607/604644648bf6a36f5c01ae76/html5/thumbnails/45.jpg)
Selectaiconforaninteractable
An interactable
can have an
assigned icon
![Page 46: Tutorial and Help - Deig · Active flownode. Dialog alternatives Click to select Active flow-node. Interactables and locations are also highlighted This is the current location (white)](https://reader035.vdocument.in/reader035/viewer/2022062607/604644648bf6a36f5c01ae76/html5/thumbnails/46.jpg)
Selectsprite
Select the png file
to use
Click here to
select a sprite for
the interactable
![Page 47: Tutorial and Help - Deig · Active flownode. Dialog alternatives Click to select Active flow-node. Interactables and locations are also highlighted This is the current location (white)](https://reader035.vdocument.in/reader035/viewer/2022062607/604644648bf6a36f5c01ae76/html5/thumbnails/47.jpg)
Preview
![Page 48: Tutorial and Help - Deig · Active flownode. Dialog alternatives Click to select Active flow-node. Interactables and locations are also highlighted This is the current location (white)](https://reader035.vdocument.in/reader035/viewer/2022062607/604644648bf6a36f5c01ae76/html5/thumbnails/48.jpg)
The sprite is shown
![Page 49: Tutorial and Help - Deig · Active flownode. Dialog alternatives Click to select Active flow-node. Interactables and locations are also highlighted This is the current location (white)](https://reader035.vdocument.in/reader035/viewer/2022062607/604644648bf6a36f5c01ae76/html5/thumbnails/49.jpg)
Selectauditoryiconforaninteractable
Click here
”Preview”
Click to add a new
wav-file
![Page 50: Tutorial and Help - Deig · Active flownode. Dialog alternatives Click to select Active flow-node. Interactables and locations are also highlighted This is the current location (white)](https://reader035.vdocument.in/reader035/viewer/2022062607/604644648bf6a36f5c01ae76/html5/thumbnails/50.jpg)
Voice-overforinteractables
Click here
Type short dialog text.
Will be played when
the player hovers an
interactable
![Page 51: Tutorial and Help - Deig · Active flownode. Dialog alternatives Click to select Active flow-node. Interactables and locations are also highlighted This is the current location (white)](https://reader035.vdocument.in/reader035/viewer/2022062607/604644648bf6a36f5c01ae76/html5/thumbnails/51.jpg)
MoreFlowNodes
![Page 52: Tutorial and Help - Deig · Active flownode. Dialog alternatives Click to select Active flow-node. Interactables and locations are also highlighted This is the current location (white)](https://reader035.vdocument.in/reader035/viewer/2022062607/604644648bf6a36f5c01ae76/html5/thumbnails/52.jpg)
TransitionNode
tochangelocation
![Page 53: Tutorial and Help - Deig · Active flownode. Dialog alternatives Click to select Active flow-node. Interactables and locations are also highlighted This is the current location (white)](https://reader035.vdocument.in/reader035/viewer/2022062607/604644648bf6a36f5c01ae76/html5/thumbnails/53.jpg)
Conditionexample– usekey
Click here to
edit flow nodes
for keys
![Page 54: Tutorial and Help - Deig · Active flownode. Dialog alternatives Click to select Active flow-node. Interactables and locations are also highlighted This is the current location (white)](https://reader035.vdocument.in/reader035/viewer/2022062607/604644648bf6a36f5c01ae76/html5/thumbnails/54.jpg)
SetVariableNode
Set its valueCome up with a name
for the variable
![Page 55: Tutorial and Help - Deig · Active flownode. Dialog alternatives Click to select Active flow-node. Interactables and locations are also highlighted This is the current location (white)](https://reader035.vdocument.in/reader035/viewer/2022062607/604644648bf6a36f5c01ae76/html5/thumbnails/55.jpg)
ConditionNode
toguidetheflowwithconditions
![Page 56: Tutorial and Help - Deig · Active flownode. Dialog alternatives Click to select Active flow-node. Interactables and locations are also highlighted This is the current location (white)](https://reader035.vdocument.in/reader035/viewer/2022062607/604644648bf6a36f5c01ae76/html5/thumbnails/56.jpg)
Conditiontrueà changelocation
Output when
corresponding
condition is met
There can be more
conditions. They are
tested top down
![Page 57: Tutorial and Help - Deig · Active flownode. Dialog alternatives Click to select Active flow-node. Interactables and locations are also highlighted This is the current location (white)](https://reader035.vdocument.in/reader035/viewer/2022062607/604644648bf6a36f5c01ae76/html5/thumbnails/57.jpg)
Conditionfalse– giveanhint
Output when no
condition is met
(default)
![Page 58: Tutorial and Help - Deig · Active flownode. Dialog alternatives Click to select Active flow-node. Interactables and locations are also highlighted This is the current location (white)](https://reader035.vdocument.in/reader035/viewer/2022062607/604644648bf6a36f5c01ae76/html5/thumbnails/58.jpg)
Forknodeexample– theradio
![Page 59: Tutorial and Help - Deig · Active flownode. Dialog alternatives Click to select Active flow-node. Interactables and locations are also highlighted This is the current location (white)](https://reader035.vdocument.in/reader035/viewer/2022062607/604644648bf6a36f5c01ae76/html5/thumbnails/59.jpg)
Firstinteractionàpresenttheitem
Output first time
![Page 60: Tutorial and Help - Deig · Active flownode. Dialog alternatives Click to select Active flow-node. Interactables and locations are also highlighted This is the current location (white)](https://reader035.vdocument.in/reader035/viewer/2022062607/604644648bf6a36f5c01ae76/html5/thumbnails/60.jpg)
Allothertimesà giveashort
description
Output all other times
![Page 61: Tutorial and Help - Deig · Active flownode. Dialog alternatives Click to select Active flow-node. Interactables and locations are also highlighted This is the current location (white)](https://reader035.vdocument.in/reader035/viewer/2022062607/604644648bf6a36f5c01ae76/html5/thumbnails/61.jpg)
Codenodeexample– deathtrap
![Page 62: Tutorial and Help - Deig · Active flownode. Dialog alternatives Click to select Active flow-node. Interactables and locations are also highlighted This is the current location (white)](https://reader035.vdocument.in/reader035/viewer/2022062607/604644648bf6a36f5c01ae76/html5/thumbnails/62.jpg)
![Page 63: Tutorial and Help - Deig · Active flownode. Dialog alternatives Click to select Active flow-node. Interactables and locations are also highlighted This is the current location (white)](https://reader035.vdocument.in/reader035/viewer/2022062607/604644648bf6a36f5c01ae76/html5/thumbnails/63.jpg)
ChapterEnd endsthechapter
Pre-defined function
The chapter will end.
The menu chapter will be
loaded.
![Page 64: Tutorial and Help - Deig · Active flownode. Dialog alternatives Click to select Active flow-node. Interactables and locations are also highlighted This is the current location (white)](https://reader035.vdocument.in/reader035/viewer/2022062607/604644648bf6a36f5c01ae76/html5/thumbnails/64.jpg)
Dicenode
A random exit
will be selected.
Set if there should be 2, 3,
4, 5, or 6 sides on the dice
(exits)
![Page 65: Tutorial and Help - Deig · Active flownode. Dialog alternatives Click to select Active flow-node. Interactables and locations are also highlighted This is the current location (white)](https://reader035.vdocument.in/reader035/viewer/2022062607/604644648bf6a36f5c01ae76/html5/thumbnails/65.jpg)
Thedeathtrapisnowlesslethal
![Page 66: Tutorial and Help - Deig · Active flownode. Dialog alternatives Click to select Active flow-node. Interactables and locations are also highlighted This is the current location (white)](https://reader035.vdocument.in/reader035/viewer/2022062607/604644648bf6a36f5c01ae76/html5/thumbnails/66.jpg)
RuntheGame
![Page 67: Tutorial and Help - Deig · Active flownode. Dialog alternatives Click to select Active flow-node. Interactables and locations are also highlighted This is the current location (white)](https://reader035.vdocument.in/reader035/viewer/2022062607/604644648bf6a36f5c01ae76/html5/thumbnails/67.jpg)
selectRunà Run(orctrl-R)
![Page 68: Tutorial and Help - Deig · Active flownode. Dialog alternatives Click to select Active flow-node. Interactables and locations are also highlighted This is the current location (white)](https://reader035.vdocument.in/reader035/viewer/2022062607/604644648bf6a36f5c01ae76/html5/thumbnails/68.jpg)
Note:nodebuginformation
![Page 69: Tutorial and Help - Deig · Active flownode. Dialog alternatives Click to select Active flow-node. Interactables and locations are also highlighted This is the current location (white)](https://reader035.vdocument.in/reader035/viewer/2022062607/604644648bf6a36f5c01ae76/html5/thumbnails/69.jpg)
WhentheChapterEnd codeNodeisreached
The main menu is loaded
when a chapter ends.
![Page 70: Tutorial and Help - Deig · Active flownode. Dialog alternatives Click to select Active flow-node. Interactables and locations are also highlighted This is the current location (white)](https://reader035.vdocument.in/reader035/viewer/2022062607/604644648bf6a36f5c01ae76/html5/thumbnails/70.jpg)
Details
Addingchapters
Enterandexitflow
Conditionaldialogalternatives
Conditionalinteractables
![Page 71: Tutorial and Help - Deig · Active flownode. Dialog alternatives Click to select Active flow-node. Interactables and locations are also highlighted This is the current location (white)](https://reader035.vdocument.in/reader035/viewer/2022062607/604644648bf6a36f5c01ae76/html5/thumbnails/71.jpg)
AgamecanbesplitinchaptersNote:mostlythereislittlepointhavingmorethanonechapter
forsmallgames
![Page 72: Tutorial and Help - Deig · Active flownode. Dialog alternatives Click to select Active flow-node. Interactables and locations are also highlighted This is the current location (white)](https://reader035.vdocument.in/reader035/viewer/2022062607/604644648bf6a36f5c01ae76/html5/thumbnails/72.jpg)
Enterflowisexecutedwhenalocation
isentered
![Page 73: Tutorial and Help - Deig · Active flownode. Dialog alternatives Click to select Active flow-node. Interactables and locations are also highlighted This is the current location (white)](https://reader035.vdocument.in/reader035/viewer/2022062607/604644648bf6a36f5c01ae76/html5/thumbnails/73.jpg)
Exitflowisexecutedwhenalocationis
exited
![Page 74: Tutorial and Help - Deig · Active flownode. Dialog alternatives Click to select Active flow-node. Interactables and locations are also highlighted This is the current location (white)](https://reader035.vdocument.in/reader035/viewer/2022062607/604644648bf6a36f5c01ae76/html5/thumbnails/74.jpg)
Dialogalternativescanbeconditional
![Page 75: Tutorial and Help - Deig · Active flownode. Dialog alternatives Click to select Active flow-node. Interactables and locations are also highlighted This is the current location (white)](https://reader035.vdocument.in/reader035/viewer/2022062607/604644648bf6a36f5c01ae76/html5/thumbnails/75.jpg)
Debugconditionaldialog
Note: variable is false
Third choice not shown
![Page 76: Tutorial and Help - Deig · Active flownode. Dialog alternatives Click to select Active flow-node. Interactables and locations are also highlighted This is the current location (white)](https://reader035.vdocument.in/reader035/viewer/2022062607/604644648bf6a36f5c01ae76/html5/thumbnails/76.jpg)
Debugconditionaldialog
Note: variable is true
Third choice is shown
![Page 77: Tutorial and Help - Deig · Active flownode. Dialog alternatives Click to select Active flow-node. Interactables and locations are also highlighted This is the current location (white)](https://reader035.vdocument.in/reader035/viewer/2022062607/604644648bf6a36f5c01ae76/html5/thumbnails/77.jpg)
Interactablescanbeconditional
Note: this condition is that
the variable should be false
![Page 78: Tutorial and Help - Deig · Active flownode. Dialog alternatives Click to select Active flow-node. Interactables and locations are also highlighted This is the current location (white)](https://reader035.vdocument.in/reader035/viewer/2022062607/604644648bf6a36f5c01ae76/html5/thumbnails/78.jpg)
Debugconditionalinteractable
Note: variable is false
Interactable is shown
![Page 79: Tutorial and Help - Deig · Active flownode. Dialog alternatives Click to select Active flow-node. Interactables and locations are also highlighted This is the current location (white)](https://reader035.vdocument.in/reader035/viewer/2022062607/604644648bf6a36f5c01ae76/html5/thumbnails/79.jpg)
Debugconditionalinteractable
Note: variable is true
Interactable is not shown
![Page 80: Tutorial and Help - Deig · Active flownode. Dialog alternatives Click to select Active flow-node. Interactables and locations are also highlighted This is the current location (white)](https://reader035.vdocument.in/reader035/viewer/2022062607/604644648bf6a36f5c01ae76/html5/thumbnails/80.jpg)
CodeNodes
![Page 81: Tutorial and Help - Deig · Active flownode. Dialog alternatives Click to select Active flow-node. Interactables and locations are also highlighted This is the current location (white)](https://reader035.vdocument.in/reader035/viewer/2022062607/604644648bf6a36f5c01ae76/html5/thumbnails/81.jpg)
Codenode- ChapterEnd
The chapter ends instantly
and the game returns to
the main menu.
![Page 82: Tutorial and Help - Deig · Active flownode. Dialog alternatives Click to select Active flow-node. Interactables and locations are also highlighted This is the current location (white)](https://reader035.vdocument.in/reader035/viewer/2022062607/604644648bf6a36f5c01ae76/html5/thumbnails/82.jpg)
Codenode- ShowCharacter
The specified character is
shown. It replaces any
previously shown character.
Note: characters are shown
automatically when they talk
![Page 83: Tutorial and Help - Deig · Active flownode. Dialog alternatives Click to select Active flow-node. Interactables and locations are also highlighted This is the current location (white)](https://reader035.vdocument.in/reader035/viewer/2022062607/604644648bf6a36f5c01ae76/html5/thumbnails/83.jpg)
Codenode- HideCharacter
Hides the currently shown
character on the specified
side.
![Page 84: Tutorial and Help - Deig · Active flownode. Dialog alternatives Click to select Active flow-node. Interactables and locations are also highlighted This is the current location (white)](https://reader035.vdocument.in/reader035/viewer/2022062607/604644648bf6a36f5c01ae76/html5/thumbnails/84.jpg)
Codenode- Sound
If waitToFinish is true, the
flow will halt until the
sound has finished.
Plays the specified sound
once.
![Page 85: Tutorial and Help - Deig · Active flownode. Dialog alternatives Click to select Active flow-node. Interactables and locations are also highlighted This is the current location (white)](https://reader035.vdocument.in/reader035/viewer/2022062607/604644648bf6a36f5c01ae76/html5/thumbnails/85.jpg)
Codenode- Music
Starts the looping of the
specified music. It will be
stopped when the location is
changed or through a ”Music
stop” code node (see below)
![Page 86: Tutorial and Help - Deig · Active flownode. Dialog alternatives Click to select Active flow-node. Interactables and locations are also highlighted This is the current location (white)](https://reader035.vdocument.in/reader035/viewer/2022062607/604644648bf6a36f5c01ae76/html5/thumbnails/86.jpg)
Codenode- StopMusic
Stops the currently looping music
(the music field is ignored in this
case)
![Page 87: Tutorial and Help - Deig · Active flownode. Dialog alternatives Click to select Active flow-node. Interactables and locations are also highlighted This is the current location (white)](https://reader035.vdocument.in/reader035/viewer/2022062607/604644648bf6a36f5c01ae76/html5/thumbnails/87.jpg)
Codenode- Wait
The flow pauses for the
specified number of
seconds.
![Page 88: Tutorial and Help - Deig · Active flownode. Dialog alternatives Click to select Active flow-node. Interactables and locations are also highlighted This is the current location (white)](https://reader035.vdocument.in/reader035/viewer/2022062607/604644648bf6a36f5c01ae76/html5/thumbnails/88.jpg)
MenuChoices
![Page 89: Tutorial and Help - Deig · Active flownode. Dialog alternatives Click to select Active flow-node. Interactables and locations are also highlighted This is the current location (white)](https://reader035.vdocument.in/reader035/viewer/2022062607/604644648bf6a36f5c01ae76/html5/thumbnails/89.jpg)
Editmenualternatives- Locations
The active location is moved to
a position
Note 1: index starts on 0
Note 2: the order is irrelevent,
except for the first location
(start of game).
![Page 90: Tutorial and Help - Deig · Active flownode. Dialog alternatives Click to select Active flow-node. Interactables and locations are also highlighted This is the current location (white)](https://reader035.vdocument.in/reader035/viewer/2022062607/604644648bf6a36f5c01ae76/html5/thumbnails/90.jpg)
Editmenualternatives- Interactable
![Page 91: Tutorial and Help - Deig · Active flownode. Dialog alternatives Click to select Active flow-node. Interactables and locations are also highlighted This is the current location (white)](https://reader035.vdocument.in/reader035/viewer/2022062607/604644648bf6a36f5c01ae76/html5/thumbnails/91.jpg)
Editmenualternatives- Flownode
Will arrange the nodes in
the sub-tree starting with
the selected node.
![Page 92: Tutorial and Help - Deig · Active flownode. Dialog alternatives Click to select Active flow-node. Interactables and locations are also highlighted This is the current location (white)](https://reader035.vdocument.in/reader035/viewer/2022062607/604644648bf6a36f5c01ae76/html5/thumbnails/92.jpg)
Cutandpaste
Drag to select nodes.
Cut to delete!
![Page 93: Tutorial and Help - Deig · Active flownode. Dialog alternatives Click to select Active flow-node. Interactables and locations are also highlighted This is the current location (white)](https://reader035.vdocument.in/reader035/viewer/2022062607/604644648bf6a36f5c01ae76/html5/thumbnails/93.jpg)
Addflownode
Note: keyboard
shortcuts
![Page 94: Tutorial and Help - Deig · Active flownode. Dialog alternatives Click to select Active flow-node. Interactables and locations are also highlighted This is the current location (white)](https://reader035.vdocument.in/reader035/viewer/2022062607/604644648bf6a36f5c01ae76/html5/thumbnails/94.jpg)
Utils
Find variable
occurrences
Sanity check of
the chapter
![Page 95: Tutorial and Help - Deig · Active flownode. Dialog alternatives Click to select Active flow-node. Interactables and locations are also highlighted This is the current location (white)](https://reader035.vdocument.in/reader035/viewer/2022062607/604644648bf6a36f5c01ae76/html5/thumbnails/95.jpg)
Text-to-speech(TTS)
Generate the lines using the
selected TTS generator
A TTS generator will
provide the set of
available voices
![Page 96: Tutorial and Help - Deig · Active flownode. Dialog alternatives Click to select Active flow-node. Interactables and locations are also highlighted This is the current location (white)](https://reader035.vdocument.in/reader035/viewer/2022062607/604644648bf6a36f5c01ae76/html5/thumbnails/96.jpg)
Selectvoices
Voice parameters for a
character can be adjusted
here.
Click to listen to the
voice.
Type the text to test.
![Page 97: Tutorial and Help - Deig · Active flownode. Dialog alternatives Click to select Active flow-node. Interactables and locations are also highlighted This is the current location (white)](https://reader035.vdocument.in/reader035/viewer/2022062607/604644648bf6a36f5c01ae76/html5/thumbnails/97.jpg)
ImportantNote!
• Thedialogaudiofilesgeneratedcanonlyused
forprototyping
• Theprovidedgeneratorsarenotintendedfor
publication.
• IfTTSshouldbeusedinadistributedgame,a
TTSgeneratorthatisallowedtouseforthat
purposehastobeobtained.
![Page 98: Tutorial and Help - Deig · Active flownode. Dialog alternatives Click to select Active flow-node. Interactables and locations are also highlighted This is the current location (white)](https://reader035.vdocument.in/reader035/viewer/2022062607/604644648bf6a36f5c01ae76/html5/thumbnails/98.jpg)
FileMenu
A primitive backup system –
revert to previous saved state.
Export/import of lines to excel. Note
that import is only possible if flow
nodes are unchanged
![Page 99: Tutorial and Help - Deig · Active flownode. Dialog alternatives Click to select Active flow-node. Interactables and locations are also highlighted This is the current location (white)](https://reader035.vdocument.in/reader035/viewer/2022062607/604644648bf6a36f5c01ae76/html5/thumbnails/99.jpg)
Games
• Itispossibletoworkwithseveralindependent
games
• Thenameisaglobalidentifier
– chooseitwithcare– Itispossibletochangeit
![Page 100: Tutorial and Help - Deig · Active flownode. Dialog alternatives Click to select Active flow-node. Interactables and locations are also highlighted This is the current location (white)](https://reader035.vdocument.in/reader035/viewer/2022062607/604644648bf6a36f5c01ae76/html5/thumbnails/100.jpg)
Export/import
• File->Exportwholegame
– willpackallgamedata(images&sounds)intoasinglearchive
• File->Exportactivechapter
– Exportsonlythecurrentchapter– Shouldtypicallynotbeused
• Importaddsagameorachapter
– Dependsonhowitwasexported– Chapterswillbeaddedafteractivechapter
![Page 101: Tutorial and Help - Deig · Active flownode. Dialog alternatives Click to select Active flow-node. Interactables and locations are also highlighted This is the current location (white)](https://reader035.vdocument.in/reader035/viewer/2022062607/604644648bf6a36f5c01ae76/html5/thumbnails/101.jpg)
SomeHints
• Usearrowkeystotraverseflownodetree
• PressCtrlandusearrowstochangespacing
• Ctrl-Btobalancesubtree(theselectednode
andforward)
• Holdshift tomovesubtrees
![Page 102: Tutorial and Help - Deig · Active flownode. Dialog alternatives Click to select Active flow-node. Interactables and locations are also highlighted This is the current location (white)](https://reader035.vdocument.in/reader035/viewer/2022062607/604644648bf6a36f5c01ae76/html5/thumbnails/102.jpg)
Alternativewaytoaddinteractable
Double-click where you
want to place it
![Page 103: Tutorial and Help - Deig · Active flownode. Dialog alternatives Click to select Active flow-node. Interactables and locations are also highlighted This is the current location (white)](https://reader035.vdocument.in/reader035/viewer/2022062607/604644648bf6a36f5c01ae76/html5/thumbnails/103.jpg)
Limitations
• LocationsandInteractablescanonlybedeleted• Norenameorcopy-paste
• Editorwillnotautosave
–Makesuretosavebeforequit
– Savefrequently(Ctrl-S)
![Page 104: Tutorial and Help - Deig · Active flownode. Dialog alternatives Click to select Active flow-node. Interactables and locations are also highlighted This is the current location (white)](https://reader035.vdocument.in/reader035/viewer/2022062607/604644648bf6a36f5c01ae76/html5/thumbnails/104.jpg)
LegalStuff
• Itisnotallowedtoredistributethisprogramoruseitforcommercialpurposes.
• Reverse-engineeringorrepackagingisprohibited.
• Thefollowinglibrariesareused(seelibfolderfordetails)
– jexcelapi.sourceforge.net
– simple.sourceforge.net
– jLayer fromjavazoom.net
• ©2018Henrik Engström