jdittrich/quickmockupnext

Possible reimplementation of quickmockup

QuickMockup Next

Possible future iteration of quick mockup. It will for the forseeable future be pre-alpha, so expect experiments rather than a demo application.

Running

1. Clone the repo
2. In the repo, run a http server, e.g. via Python3: python3 -m http.server. There is no build step, the project uses ES6 Modules.

quickmockupnext's Issues

Adjust canvas element parameters by handles

Usecase: There should be handles on objects which can be used to adjust parameters of the objects, e.g. the corner radius or the position of a mock scrollbar or so.

(example from inkscape)

• Controls appear: When the element is selected disappear when not selected or other element is selected.
• Data Mutation and Proxy use: At the drop, document data shall be mutated, during the drag, only the proxy elements are changed.
• Architecture/Note: Handles might be "owned" by objects, if this has an advantage (Different to: "Handles should, like the element drag, should not be handled by the single elements themselves, but on document-level (at the time of writing in app.js")

resizing via draggable handles

Description Elements shall be resizable by dragging a handle, either via offering 8 handles or possibly only via 1 in the bottom right corner

• Controls appear: When an element is selected, disappear when no element is selected
• Data Mutation and Proxy use: At the drop, document data shall be mutated, during the drag, only the proxy elements are changed.
• Architecture: Handles should, like the element drag, should not be handled by the single elements themselves, but on document-level (at the time of writing in app.js)
• Note: Handles should be able to enclose several selected elements in the future (multiple element select is currently not implemented and would go beyond of what quickMockup does now)

drag rectangles via proxies

• Rectangles should be draggable
• At the drop, a mutation of the document data shall happen, the dragging itself shall not change the document data but work on a proxy element which is dragged instead and created temporarily.