dragomir-parvanov / if-else-tree-editor

HTML5 Canvas messing around

This was build around March 2019, uploaded now.

A "tree editor" which can create block-schemes in the browser. Uses HTML5 canvas.

Most interesting code is in "tree.js" file

DEMO https://ifelsetree.1mb.site/

USAGE:

1. Add node from the "Add question node" or "Add action node" and then click on the canvas to add a starting point.
2. Move around with the arrow keys. You can also zoom in and out with mouse scroll.
3. Add more nodes and connect them with either Connect tool-false or true.When connect tool is active, click on one node, hold the mouse button and go to the second node to connect them.
4. You can change trees from the bottom left buttons.