{"id":671,"date":"2020-03-08T18:50:14","date_gmt":"2020-03-08T18:50:14","guid":{"rendered":"https:\/\/www.parametriczoo.com\/?p=671"},"modified":"2020-03-08T18:55:05","modified_gmt":"2020-03-08T18:55:05","slug":"fit-objects-between-points","status":"publish","type":"post","link":"https:\/\/www.parametriczoo.com\/index.php\/2020\/03\/08\/fit-objects-between-points\/","title":{"rendered":"Fit objects between points."},"content":{"rendered":"\n[et_pb_section fb_built=”1″ _builder_version=”3.22.7″ custom_padding=”5px|||||”][et_pb_row _builder_version=”3.22.7″][et_pb_column type=”4_4″ _builder_version=”3.22.7″][et_pb_text _builder_version=”3.22.7″ custom_padding=”||0px|||”]

Today I saw a question on Para-3d forum which I found interesting in the topic of the transformations. Here is the equation :\u00a0\u00a0<\/span><\/p>[\/et_pb_text][et_pb_blurb use_icon=”on” hover_enabled=”0″ icon_placement=”left” title=”Question:” _builder_version=”3.22.7″ font_icon=”%%84%%” background_color=”#efefef” body_font=”||on||||||”]

Hi! Please help to understand how to accomplish the task:
I have an array(1d) of instanced shapes along path-spline.
Starting shape has 100% size and end one is of 20%
What should I rearrange to eliminate gaps between gradually diminishing shapes aligned to path? At the same time I do not want to have my shapes deformed in any way (by FFD and other means)Bounding box button of linear controller is not active in my case. Please see attached images.
Sorry but I could not upload images directly to the forum – it does not work, please check, and my illustrations for the question are here:<\/p>\n[\/et_pb_blurb][et_pb_image src=”https:\/\/www.parametriczoo.com\/wp-content\/uploads\/2020\/03\/para-3d-qouestion-1.jpg” _builder_version=”3.22.7″][\/et_pb_image][et_pb_text _builder_version=”3.22.7″ custom_margin=”||0px|||”]

Here I redefine the problem so that we can take right approach to the solution.<\/p>\n

Th triangle object is arrayed on a 2D curve and it is scaled to fit in each division. The problem has two parts, First dividing the curve into uneven divisions that are gradually increasing in size from one end to other, the second part of the problem deals with fitting the triangles within each division.\u00a0<\/span><\/p>[\/et_pb_text][et_pb_image src=”https:\/\/www.parametriczoo.com\/wp-content\/uploads\/2020\/03\/fitting-traingles-between-points.png” _builder_version=”3.22.7″ custom_margin=”||2px|||”][\/et_pb_image][et_pb_text _builder_version=”3.22.7″]

Two divide the problem into above mentioned parts, we first array points (Helper object) on the curve and then in the next part we use these points to array the triangles.<\/p>\n

Now with points we solve the first problem : We have a curve in 2D space which must be divided in an uneven manner. So first step is to find a way to control the length of the divisions. The Curve controller in Para-3d offers several ways to do subdivide the curves , such as divide by number<\/strong>, divide by curve length<\/strong> and divide by curve parameter<\/strong>. Here I should use Curve parameter<\/strong> instead of default divisions so that I can alter the spacing along the curve.\u00a0\u00a0<\/p>[\/et_pb_text][et_pb_image src=”https:\/\/www.parametriczoo.com\/wp-content\/uploads\/2020\/03\/array-points-on-curve.png” _builder_version=”3.22.7″][\/et_pb_image][et_pb_text _builder_version=”3.22.7″ custom_padding=”||0px|||”]

Notice in above Para flow, the Graph is controlling the Curve parameter, and the spacing between the points are gradually increasing by the graph from 0 to 1. If graph was a straight line then the gap between points would have been almost equal.\u00a0\u00a0<\/p>[\/et_pb_text][et_pb_image src=”https:\/\/www.parametriczoo.com\/wp-content\/uploads\/2020\/03\/divide-by-the-curve-parameter.png” _builder_version=”3.22.7″][\/et_pb_image][et_pb_text _builder_version=”3.22.7″]

The second step is to array the object in such a way that it fits between two consecutive points. For each object we look up two points, let’s say P1 for the corresponding point and P2 for the the next point in the array. This is done by Para-Link controller.<\/p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row use_custom_gutter=”on” gutter_width=”2″ _builder_version=”3.22.7″][et_pb_column type=”1_2″ _builder_version=”3.22.7″][et_pb_image src=”https:\/\/www.parametriczoo.com\/wp-content\/uploads\/2020\/03\/point-1-and-2.png” _builder_version=”3.22.7″][\/et_pb_image][\/et_pb_column][et_pb_column type=”1_2″ _builder_version=”3.22.7″][et_pb_image src=”https:\/\/www.parametriczoo.com\/wp-content\/uploads\/2020\/03\/p1.png” _builder_version=”3.22.7″][\/et_pb_image][et_pb_image src=”https:\/\/www.parametriczoo.com\/wp-content\/uploads\/2020\/03\/p2.png” _builder_version=”3.22.7″][\/et_pb_image][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=”3.22.7″][et_pb_column type=”4_4″ _builder_version=”3.22.7″][et_pb_text _builder_version=”3.22.7″]

We now construct a vector which connects point P1 to P2. This vector is used to create a plane which the object will fit into. We normalized the vector P2-P1 so it does not affect the scale of the object. Both operations can be done by the vector controller<\/strong>.<\/p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row use_custom_gutter=”on” gutter_width=”1″ _builder_version=”3.22.7″ custom_padding=”||10px|||”][et_pb_column type=”1_2″ _builder_version=”3.22.7″][et_pb_image src=”https:\/\/www.parametriczoo.com\/wp-content\/uploads\/2020\/03\/p2-p1-normalized.png” _builder_version=”3.22.7″][\/et_pb_image][\/et_pb_column][et_pb_column type=”1_4″ _builder_version=”3.22.7″][et_pb_image show_in_lightbox=”on” src=”https:\/\/www.parametriczoo.com\/wp-content\/uploads\/2020\/03\/p2-p1.png” _builder_version=”3.22.7″][\/et_pb_image][\/et_pb_column][et_pb_column type=”1_4″ _builder_version=”3.22.7″][et_pb_image show_in_lightbox=”on” src=”https:\/\/www.parametriczoo.com\/wp-content\/uploads\/2020\/03\/normalized.png” _builder_version=”3.22.7″][\/et_pb_image][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=”3.22.7″][et_pb_column type=”4_4″ _builder_version=”3.22.7″][et_pb_text _builder_version=”3.22.7″]

To construct a frame we require 3 vectors. The X basis of the frame is given by the vector P2-P1 and the Y basis is the same vector but rotated 90 degree. We use the global Z axis for the Z basis since the curve is in XY plane.<\/p>[\/et_pb_text][et_pb_image src=”https:\/\/www.parametriczoo.com\/wp-content\/uploads\/2020\/03\/xyz-frame-figure.png” _builder_version=”3.22.7″][\/et_pb_image][et_pb_text _builder_version=”3.22.7″]

The XYZ frame is created by the convert controller which converts 3 given vectors to a frame. we also use a Transform<\/strong> controller<\/strong> to rotate the X basis .<\/p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row use_custom_gutter=”on” gutter_width=”1″ width=”100%” _builder_version=”3.22.7″ padding_top_bottom_link_2=”true” padding_top_bottom_link_3=”true” padding_left_right_link_3=”true”][et_pb_column type=”1_4″ _builder_version=”3.22.7″][et_pb_image src=”https:\/\/www.parametriczoo.com\/wp-content\/uploads\/2020\/03\/XYZ-frame.png” _builder_version=”3.22.7″][\/et_pb_image][et_pb_image src=”https:\/\/www.parametriczoo.com\/wp-content\/uploads\/2020\/03\/triangle.png” _builder_version=”3.22.7″][\/et_pb_image][\/et_pb_column][et_pb_column type=”1_4″ _builder_version=”3.22.7″][et_pb_image show_in_lightbox=”on” src=”https:\/\/www.parametriczoo.com\/wp-content\/uploads\/2020\/03\/rotate-90.png” _builder_version=”3.22.7″ custom_padding=”0px|0px|0px|0px” custom_margin=”0px|0px|0px|0px”][\/et_pb_image][\/et_pb_column][et_pb_column type=”1_4″ _builder_version=”3.22.7″][et_pb_image show_in_lightbox=”on” src=”https:\/\/www.parametriczoo.com\/wp-content\/uploads\/2020\/03\/Z-axis.png” _builder_version=”3.22.7″][\/et_pb_image][\/et_pb_column][et_pb_column type=”1_4″ _builder_version=”3.22.7″][et_pb_image show_in_lightbox=”on” src=”https:\/\/www.parametriczoo.com\/wp-content\/uploads\/2020\/03\/XYZ-frame-panel.png” _builder_version=”3.22.7″][\/et_pb_image][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=”3.22.7″][et_pb_column type=”4_4″ _builder_version=”3.22.7″][et_pb_text _builder_version=”3.22.7″]

Now that we have constructed the frame , we can use it to position and align the triangles , however, the triangle must have its X local axis along the lower edge and its local origin at the lower left corner as it is shown in the above.\u00a0<\/p>[\/et_pb_text][et_pb_image src=”https:\/\/www.parametriczoo.com\/wp-content\/uploads\/2020\/03\/update-1.png” _builder_version=”3.22.7″][\/et_pb_image][et_pb_text _builder_version=”3.22.7″]

Trandform controller takes an initial transformation as input and perform further transformations. This is similar to multiplication of transformation matrices from left to right.\u00a0\u00a0<\/p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row use_custom_gutter=”on” gutter_width=”2″ _builder_version=”3.22.7″][et_pb_column type=”1_2″ _builder_version=”3.22.7″][et_pb_image show_in_lightbox=”on” src=”https:\/\/www.parametriczoo.com\/wp-content\/uploads\/2020\/03\/transfrom.png” _builder_version=”3.22.7″][\/et_pb_image][\/et_pb_column][et_pb_column type=”1_2″ _builder_version=”3.22.7″][et_pb_image src=”https:\/\/www.parametriczoo.com\/wp-content\/uploads\/2020\/03\/move.png” _builder_version=”3.22.7″][\/et_pb_image][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=”3.22.7″][et_pb_column type=”4_4″ _builder_version=”3.22.7″][et_pb_text _builder_version=”3.22.7″]

Last step is to scale the object in order for it to fit between points P1 and P2. Here we need two measurements, one is the distance between P1 and P2, and the second is the size of the object along its local X axis. Once we have these two dimensions , we can divide the distance |P2-P1| by the object size and find the scale factor. In below you can see how this is done using Para-3d controllers.<\/p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row use_custom_gutter=”on” gutter_width=”2″ _builder_version=”3.22.7″][et_pb_column type=”1_3″ _builder_version=”3.22.7″][et_pb_image show_in_lightbox=”on” src=”https:\/\/www.parametriczoo.com\/wp-content\/uploads\/2020\/03\/size-of-original-object.png” _builder_version=”3.22.7″][\/et_pb_image][et_pb_image src=”https:\/\/www.parametriczoo.com\/wp-content\/uploads\/2020\/03\/nogon-node.png” _builder_version=”3.22.7″][\/et_pb_image][\/et_pb_column][et_pb_column type=”1_3″ _builder_version=”3.22.7″][et_pb_image src=”https:\/\/www.parametriczoo.com\/wp-content\/uploads\/2020\/03\/A-divide-by-b.png” _builder_version=”3.22.7″][\/et_pb_image][et_pb_image src=”https:\/\/www.parametriczoo.com\/wp-content\/uploads\/2020\/03\/x-size.png” _builder_version=”3.22.7″][\/et_pb_image][\/et_pb_column][et_pb_column type=”1_3″ _builder_version=”3.22.7″][et_pb_image src=”https:\/\/www.parametriczoo.com\/wp-content\/uploads\/2020\/03\/distance-between-p1-and-p2.png” _builder_version=”3.22.7″][\/et_pb_image][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=”3.22.7″][et_pb_column type=”4_4″ _builder_version=”3.22.7″][et_pb_text _builder_version=”3.22.7″]

Note that to obtain the object size we need to keep a copy of the original object. The original object the is assigned to a Para container to measure its size in local X axis.\u00a0<\/p>\n

Adding the scale factor to the transform controller makes our graph completed.\u00a0\u00a0<\/p>\n

 <\/p>[\/et_pb_text][et_pb_image show_in_lightbox=”on” src=”https:\/\/www.parametriczoo.com\/wp-content\/uploads\/2020\/03\/complete-paraflow.png” _builder_version=”3.22.7″][\/et_pb_image][et_pb_text _builder_version=”3.22.7″]

I hope this explained the process of the transformation. We combine all sort of transformations including\u00a0<\/p>[\/et_pb_text][et_pb_text _builder_version=”3.22.7″]