Emscripten-Generated Code

Shape parameters: An advanced user can modify the shape parameters by hand. To render the shape press the “Compute Shape” button.

Shape can be edited using the action buttons below.
Right-clicking inside a circle opens a pop-up window that allows the user to modify the parameters of the selected circle.
Right-clicking outside of all the circles opens a pop-up window that allows the user to modify the parameters of all the circles.
Dragging the mouse with the left button pressed inside a circle allows to change the circle location
Dragging the mouse with the left mouse button pressed outside all the circles allows to move the entire shape.
The mouse wheel allows zooming the entire shape.

Button Descriptions

Compute Shape: Calculates the shape based on the input.

Export Shape: Exports the shape to a text file.

Upload Shape: Import a shape from a text file.

Preview: Shows a preview of the shape (without the black lines and circles).

New circle in the middle of a segment: Clicking on a segment adds a circle in the middle of the segment

Create a circle: Clicking adds a circle.

Erase a circle: Clicking removes a circle.

Add segment by clicking in extreme circle: Click on two circles for make a segment between them

Remove a segment Clicking on a segment erase the segment.

Generate random SVG: Generates a random SVG shape.

Generate similar SVG: Generates a similar SVG shape.

Button Descriptions