Laminar 1.0 - flow chart creator

[wbm1113]

I made a flow chart program for work to help train new employees in work-from-home environments.

Code, exe:
https://github.com/wbm1113/Laminar

Chart creation UI:
Broken Link for safety

Sample chart:
Broken Link for safety

• Simple, click-to-draw interface

• Undo/redo

• Add colors, text, screenshots to shapes

• Rectangles, rounded rectangles, circles, diamonds, arrows

• Guide lines help align shapes to the grid and to each other

• Connect shapes automatically

• Projects save to .ini (avoids having to install/register a custom file type, which is often prohibited on work machines with tight security). Saved images are converted to string format to keep it all in one file.

• Export to .jpg

Some helpful classes in the repository:

layeredWindow (no gdip_all):

Code: Select all

canvas := new layeredWindow("canvas")
canvas.create()
canvas.setDimensions(desktop.topLeftX, desktop.topLeftY, desktop.w, desktop.h)
canvas.getCanvas()
canvas.fillRect(fillColor, this.x, this.y, this.w, this.h)
canvas.drawRect(borderColor, 1, this.x, this.y, this.w, this.h)
canvas.update()

Path / "stencil" class (using the arrow class extension as an example):

Code: Select all

r := new rect().setDimensions(100, 100, 100, 100)
arrowRight := new arrow()
arrowRight.updateCoords(r,,, pointsToward := "right")
arrowRight.draw(canvas, "black", 1)
arrowRight.fill(canvas, "blue")

eventManager class to make windows messagehandling easier:

Code: Select all

; register the event
onMessage(0x200, "onMouseMove")
eventMgr.add("mouseMove")
eventMgr.events["mouseMove"].throttle := 10
onMouseMove(wParam, lParam, msg, hwnd) {
    eventMgr.events["mouseMove"].invoke()
}

; add actions to the event
eventMgr.events["mouseMove"].addAction("ex1", objBindMethod(class1, "method1"))
eventMgr.events["mouseMove"].addAction("ex2", objBindMethod(class2, "method2"))
eventMgr.events["mouseMove"].enabled := 1

; initialize the event with a default action (accepts variadic parameters)
eventMgr.events["mouseMove"].setDefault("ex1").resetToDefault()

; disable the event, swap the first action in its queue to the other added action, re-enable
eventMgr.events["mouseMove"].enabled := 0
eventMgr.events["mouseMove"].swap(1, "ex2")
eventMgr.events["mouseMove"].enabled := 1

cursor class to easily change between built-in cursor types

Code: Select all

    static cursorDescriptions := { "helpArrow"         : 32512
                                 , "iBeam"             : 32513
                                 , "wait"              : 32514 
                                 , "cross"             : 32515 
                                 , "upArrow"           : 32516
                                 , "resizeUpLeft"      : 32642 
                                 , "resizeUpRight"     : 32643
                                 , "resizeSideToSide"  : 32644 
                                 , "resizeUpDown"      : 32645
                                 , "pan"               : 32646 
                                 , "no"                : 32648
                                 , "fingerPoint"       : 32649
                                 , "mouseWait"         : 32650 }
cursor.reset()
cursor.setAll(cursor.cursorDescriptions[yourChoice])

Oh boy, that didn't take long. Known issues:

• Text doesn't always render correctly when exporting. If this happens, save your file, close the program, reopen your file, and re-export.

[tidbit]

"Laminar" "flow" ... I see what you did there

Spoiler

Mind posting a screenshot? or 3? it's nice to see what you get before downloading/running code.

[wbm1113]

I posted these in the OP. I'm not very good with computers, so I couldn't figure out how to get them to turn into actual links.

Chart creation UI:


Sample chart:

[tidbit]

ah, so you did. Sorry. I'll edit your first post so they get embedded.
Also, impressive!

edit, done. Made them linked thumbnails so they don't take as much space. but clicking it goes to the full size.

[Relayer]

wbm1113 wrote:

I'm not very good with computers

That's pretty complex programming you've done!

Relayer