Vector construction of simple geometric shapes based on points with coordinates

Javascript and Typescript, Web Programming — incorrectly specified categories?

1147 USD

Project translated automatically. Log in or register, to view the original The project is written in Vue, it needs to be continued and a graphical builder of geometric constructions needs to be created, where each geometric construction will represent a window frame. The construction is built based on points with specific coordinates x and y, and lines connecting these points. The lines connecting these points may not be straight from point to point but may follow a specified radius. Each geometric construction should have a tool to automatically divide it into the desired number of parts vertically or horizontally, and each new part becomes an independent frame. We should also be able to click on any of the points of the geometric construction to change its coordinates x or y, and it should change its position accordingly, or have the ability to delete the selected point. We should also be able to add points to the lines we choose by specifying the coordinates of the point x and y. The entire sketch with geometric constructions should be displayed in the center of the workspace, not exceeding it, and should scale proportionally for larger sizes.
In summary:
1) At the beginning of work, when clicking the "Model" button at the top of the workspace, a popup window appears where we specify the width and height of the desired geometric construction, and it dynamically appears as a graphic element. After clicking the "Build" button, this window closes and the workspace of our builder opens.
2) In the workspace of our builder, we need the following tools:
Reset - resets all divisions and deletes all added points constructed in our workspace.
Add Vertex - adds a vertex to an existing line by selecting the desired line and specifying the coordinates x and y of the added vertex.
Delete Vertex - deletes a vertex by selecting the desired vertex, i.e., point.
Modules of automatic division - allow automatically dividing the selected geometric construction into 2, 3, 4, or the specified number of equal parts horizontally or vertically.
Add Arc - by selecting the side of the geometric figure, specify the radius along which the line should pass from point to point on the selected side, and the option to choose to delete the straight line that passes on the side where the arc is built.
Delete Division - deletes the division into parts only in the selected construction.
Delete all divisions - deletes all divisions in our geometric construction.
Convert to Arc - by selecting the desired line, a window pops up where we specify the radius along which this line should pass from point to point.
Add Additional Profile - adds graphic elements from the outer part of our geometric construction. When clicking the button, a list appears with the sides of the construction left, right, bottom, top, then a list of profiles obtained through an API connection from the database. Depending on the selected profile, its width is pulled from the database via API and drawn on the selected side of the construction. It can be drawn along the length or width of our geometric construction. For this, there is a checkbox field in the popup window when selecting the side, whether this element can be longer than the width or height. If so, specify in the field by how much the element should be larger, then draw it on the selected side and divide the increase by 2, proportionally drawing this element to the left and right of our geometric construction.
3) In the workspace, we should see the dimensions of each line of the geometric construction.

Proposals 9

Olha Vovchenko

0 0

Projects -
Rating -
Rating 357

Budget: 1000 EUR Deadline: 30 days

Good day! Ready to complete the project, familiar with vector graphics, have a mathematical education. Example of work: graphic calculator https://olvovchenko.github.io/newchart/

Vitaliy Pro

29 1

Budget: 1000 EUR Deadline: 7 days

Hello. I will do the work quickly and efficiently. I have extensive practical experience. I am engaged in Architectural, Construction projects, development of concepts of various complexity levels, 3d modeling, 3d visualization, 3d video animation, project presentations, interior and exterior design, video editing, as well as product design, furniture prototype development (developed and produced prototypes were taken to the International Furniture Exhibition in Canada, then put into mass production), industrial design for mass production (a developed street lamp was installed in large quantities in different cities in different countries), product listing. Excellent knowledge in ergonomics, regulatory framework in the field of construction design. Extensive practical experience. Creative approach to work. I work in programs 3ds Max 2023+V-Ray 6+Corona 8.2, SketchUp 2021+V-Ray 5, AutoCAD 2021, Revit 2021, Photoshop 2021, Lumion 12, After Effects 2021, Archicad 24. My portfolio https://3ddomkiev.wixsite.com/website-2