Flowchart
Start
Process
End
Build a flowchart that controls the node and its actions.
How to use Flowtice
Build a flowchart, run the simulation, and watch the node and cells change.
01
WORKSPACE
Two areas, one workspace
The Flowtice workspace is divided into the Flowchart and the Lattice.
Lattice
00
0
0
0
0
0
0
0
0
0
0
0
0
0
0
0
0
0
0
0
0
0
0
0
0
A two-dimensional space where the node moves and cell values change.
02
FLOW ITEMS
Combine three basic items
The main Flow Items are Process, Branch, and Loop.
Process
Process
Change values or move the node.
True
False
Branch
Branch
Choose a different Flow based on a condition.
Loop
Loop End
Loop
Repeat a Flow while a condition is true.
03
EXPRESSIONS
Build an expression.
Process, Branch, and Loop combine a Target, Operator, and Value to define actions and conditions for the node and cells.
TargetOperatorValue
Node Value
+=
1
Combine a Target, Operator, and Value to create an expression.
TARGET
Target
Choose what you want to change or evaluate.
OPERATOR
Operator
Choose how to change a value or how two values should be compared.
Process
=+=-=*=/=%=
Branch / Loop
==!=><>=<=
VALUE
Value
Choose the value used for a calculation or comparison. You can use a number, position, node value, or cell value.
EXAMPLES
Expression examples
X Position += 1Increase the X position by 1 to move the node one cell to the right.
Node Value += Cell ValueAdd the value of the current cell to the node value.
Cell Value == 0Check whether the value of the current cell is equal to 0.
04
BUILD A FLOW
Build your first Flowchart
Start with a simple Flowchart that moves the node four cells to the right.
Start
End
1
Add a Loop
Set the condition to “X Position < 4”.
2
Add a Process
Set the action to “X Position += 1”.
3
Run it
Press Run to start the simulation.
The node moves one cell to the right at a time and stops when X Position reaches 4.
05
RUN
Watch what happens
While the simulation runs, you can see the current Flow Item and the changes on the Lattice.
Start
Loop
X Position<4
Process
X Position+=1
Loop End
End
00
0
0
0
0
0
0
0
0
0
0
0
0
0
0
0
0
0
0
0
0
0
0
0
0
06
REUSE
Reuse Your Work
Use your saved work in other flowcharts.
Saved Work Move Right
Start
Loop
Process
Loop End
End
A flowchart named "Move Right" that moves the node four cells to the right.
New Work
Start
Function
End
A flowchart that uses "Move Right" as a Function.
1
Save Your Work
Save the flowchart as "Move Right".
2
Choose Saved Work
Add a Function to a new flowchart and select "Move Right".
3
Run It Together
When you run the flowchart, the steps in "Move Right" will run as part of it.
Sign In Required
Sign in with your Google account to save and reuse your work.
You're ready.
Now combine Flow Items and see what you can make.