Idea: SVG based UI

[hamoid]

From https://openrndr.slack.com/archives/CEASC1PB7/p1585641079004200

I was looking at https://twitter.com/matttytel/status/1244728487308455936 and wondering... how could I make such a UI? Then it came to my mind that in Inkscape I can add metadata to shapes. So I could design the whole UI, and then use metadata to say "this is a slider draggable button. And this line constrains its movement." The button can have json in the description, like {follow:path4757,type:slider,var:speed} path4757 is a line that defines two points, start and end. That button keeps the relative distance to the line, so you are free to draw a line from initial button center to final button center, or from corner1 to corner1, it doesn't matter.

There could be a few other tags to define text boxes, buttons, checkboxes etc. Then when OPENRNDR loads the svg, it parses the metadata and it turns it into a live UI.

A nice effect I would like is that people become creative with their UIs, so they don't all look the same. And also designers could do what they do best, design a beautiful UI.