#3StrandBraids

#Braids are the last of the #decorative elements on the #IonicScroll, but like #EggsAndDarts, they are not specific to the #IonicOrder.

Braids are a popular design motif that find wide currency in modern #hairstyle, #fashion, and fashion accessories like #belts and #bracelets.

Braids come in infinite varieties with varying number of strands, thickness of strands, roundness or flatness of strands, and how tightly or loosely they are wound together. Here, I focus on the 3-strand variant mentioned in #Vignola's book and previewed in https://pixelfed.social/p/Splines/792015485979791089. The image here is brightly colored to draw attention to the 3 strands.

The geometry of braid strands is not at all obvious despite how familiar they look. Also, a braid strand is the only feature in the entire iconic order whose geometry cannot be captured with straight lines and circular arcs. Instead, a strand geometry must be defined in a series of steps starting with a basic #sinusoidal curve.

A sinusoidal curve or #sinusoid is a wave form whose function belongs to a family of functions known as #transcendentalFunctions that also include #logarithmic and #exponential functions. I mentioned #logarithmicSpirals in https://pixelfed.social/p/Splines/792499765146596723, and in a future post I will show how to construct one and compare it with the #spiral used in our implementation of #IonicVolute.

They are called transcendental functions because they transcend the math of finite algebraic polynomials and go beyond geometry into trigonometry. Fortunately, we don't have to go there.

Few #CAD tools have a direct primitive for a sinusoid, but almost all have a primitive for a 3-dimensional round coil shape called a #helix which we can use to create the sinusoids we need for a braid strand. To create a sinusoid, all we need to do is #project a helix on a flat surface to convert it into a 2D waveform.
Splines (@[email protected])

The #Capital is the last essential component of the complete #IonicOrder. The column #flutes remain, but they are #decorativeElements, and I will cover them later when I cover the decorative elements of the capital like the #EggsAndDarts motif on the #ovolo and the #3StrandBraid on the ribbon or belt around the middle of the smooth #scrolls. The Ionic capital is complex, but not unapproachable. We will systematically construct everything in this draft rendering using just straight lines and arcs as promised in https://pixelfed.social/p/Splines/789956327130679640, with the exception of the #cymaReversa near the top and the 3-strand braid on the ribbon. In this rendering, the cyma reversa near the top is made using a flattened half-turn of a #helix, but it can also be constructed using elliptical arcs as I described in earlier posts. The braid is a #periodic shape with infinite variety and is also based on a helix. You can vary the number of strands, their thickness, pitch, and so on, none of which are essential to the Ionic Order itself. They're only a jumping point for further exploration. The eggs in the 'eggs and darts' motif can have different shapes. They can be convex like real eggs or concave as shown here, but the top is almost always sliced off. The total depth of the convex or concave shapes can vary, but only within a range of 1 part, or 8 units. The #volutes in the front and back of the capital are based on #spiral shapes, of which there are many different kinds. Some have #continuous curvature changes, while some do it in #discrete steps, like #fibonacci spirals that can approximate #logarithmic spirals seen in nature, e.g., nautilus. When curvature changes are discrete, the spiral arms can diverge in #arithmetic, #geometric, or some other sequence. We will construct all of these, and most notably the smooth, sweeping surface of the scrolls using just straight lines and arcs, and let the #CAD software deal with delicate #NURBS curves and surfaces.

Pixelfed
See https://pixelfed.social/p/Splines/796798349526747214 and https://pixelfed.social/p/Splines/796786779066451143 for detail.

Just like #ArcZero in the #spiral for the #IonicVolute, the plan for #EggsAndDarts starts out larger than what is eventually used.

The outermost frame is 7.5 parts or 60 units tall (from A to D), and 5 parts or 40 units wide when µ = 144. The innermost frame is 6 parts or 48 units tall (from B to C), and 4 parts or 32 units wide.

The height and width for both inner and outer are in 3:2 ratio. The difference in height is also split in the ratio 3:2. So, the gap between A and B as 12*2/5 = 4.8, and the gap between C and D as 12*3/5 = 7.2. We then divide both of these gaps in 5 equal segments shown by the dots between them.

Create an ellipse to fill the outer frame, and another to fill in the inner frame. Then interpolate them to create 4 more through the dots, only to delete the 3rd ellipse. This gives us the 5 #rails for sweeping the rim of the egg.

Create circles perpendicular to and touching adjacent pairs of rails, and then #sweepTwoRails using the circles to get the rim shown in the top-right. The red cutting plane marks tentative slicing for eggs.

The bottom left image shows a convex egg created with an #ellipsoid that is 48 units tall, 32 units wide, and 32 units deep. This is equivalent to #revolving the innermost ellipse around its major axis. Only half of this egg is above the oval slab.

The bottom right image shows the concave variant which is created by performing a #booleanDifference between the oval slab and the round egg created above. The top portion of the egg is removed in the concave variant, but the convex variant must still account for the bulge of a fully round egg. As such, the slab heights of the convex and concave variant are different. I will show the measurements later.

To create the slabs for the convex and concave variants, #extrude the outermost ellipse according to their measurements and #cap #planarHoles.
Splines (@[email protected])

#Ovolo with a composite of both concave and convex eggs as seen from the bottom. For a perspective view, see https://pixelfed.social/p/Splines/796790115584241591. As I will show later, all of this is created using just straight lines and circular or elliptical arcs. Even though I used an oval as the starting point for the eggs, note their striking resemblance with natural eggs — with ends that taper off toward the bottom. This is due to the nature of the Ovolo surface, which is shaped like a bowl where the bottom radius is less than the top radius. So, when the egg is laid on this surface, it "flows" with the contours of that surface, and its bottom end is thereby tapered. Also note that in this view, the top of the eggs appear round, but they are in fact sliced, just like the rippled rim and the surrounding darts.

Pixelfed
Splines (@[email protected])

#IonicColumn #VignolaBase and #AtticBase #CAD Plans Both #Vignola base and #Attic base have the same square footprint of 400 units x 400 units. The #plinth for both is 48 units (6 parts, or µ/3) tall, and the total height for both is 144 units (18 parts, or exactly µ). As such, they are easily interchangeable. In the Vignola variant, we start at the plinth with a #fillet 2 units tall and a classic #scotia 18 units tall gouging out part of the fillet. Then there is another fillet 2 units tall, followed by two #reeds, each 8 units tall, followed by another classic scotia as described above. This is followed by yet another fillet 2 units tall and topped off with a #torus 40 units tall. A Torus is the same as a reed, except larger. When we reach the neck of the shaft, we will see another molding called #Astragal which has the same profile as reed and torus, but sits in the middle in size. Think of reed, astragal, and torus as small, medium, and large of the same profile. The modern Attic variant is more elegant with fewer moldings. It also gives the impression of more heft for more stately columns. It starts at the plinth with a torus 36 units tall, followed by a fillet 4 units tall, followed by a modern scotia 24 units tall, followed by another fillet 4 units tall, and topped off with another torus 28 units tall. As in the construction of #IonicEntablature [https://pixelfed.social/p/Splines/791013152244518907], split the construction of the #columnBase into two steps. Just as we extruded #dentils separately, we extrude the plinth separately. First draw a square 400x400 in the top view. Then extrude the square 48 units in the front view. For the rest of the base, we need a new 3D operation — #revolve around an axis. Instead of extruding the #primaryProfileCurve, we revolve it around the #columnAxis, and cap the #planarHoles on both ends before performing a #booleanUnion with the plinth. Finally check edges of the solid for #nakedEdges and #nonManifoldEdges.

Pixelfed
This is how a #medallion looks like when #extruded from the #primaryProfileCurves of the #IonicVolute #spirals.

These medallions are not part of the #IonicOrder and can be used as stand-alone pieces.

See https://pixelfed.social/p/Splines/792724394068855690 for how the curves are extruded.
Splines (@[email protected])

We completed the #primaryProfileCurves for the classical flat #IonicVolute in https://pixelfed.social/p/Splines/792616677005177924. To create a 3-dimensional slab with a recessed #channelGroove for the volute, you will need an outline of the volute without the inner #spiral arms. To create the outline, make a copy of the spiral curves and work on the copy so that you don't destroy the originals. Drop a straight vertical line from the start point of outer Arc 1 of the spiral to the maxima or horizontal tangent of outer Arc 5. Trim away all other interior spiral lines and close the curve as shown in the left figure. #Extrude the closed outline curve front to back by 1 part or 8 units in the side view. Extrude the #closedCurve of the inner and outer spirals by 2 parts or 16 units in the side view (but without the 6 unit extention on the top, which is only used when integrating the volute face with the #capital). Perform a #booleanUnion of both solids, and remember to check for #nakedEdges and #nonManifoldEdges. The #volute design can be used outside of the #IonicColumn, such as in a #medallion. For a medallion, you have two options regarding the size of the enclosing circle. You can either use the circle that Arc Zero lies on, or you can use the circle that Arc 1 lies on. Obviously, the latter is more compact. Just remember that the center for the larger circle is #groundZero or point 4 and the center for the smaller circle is point 1. In either case, inset the chosen circle with a concentric circle whose radius is 1 part or 8 units less. The figure on the right shows the outlines of the enclosing circles based on the size of Arc 1 with center at Point 1.

Pixelfed
We completed the #primaryProfileCurves for the classical flat #IonicVolute in https://pixelfed.social/p/Splines/792616677005177924.

To create a 3-dimensional slab with a recessed #channelGroove for the volute, you will need an outline of the volute without the inner #spiral arms.

To create the outline, make a copy of the spiral curves and work on the copy so that you don't destroy the originals. Drop a straight vertical line from the start point of outer Arc 1 of the spiral to the maxima or horizontal tangent of outer Arc 5. Trim away all other interior spiral lines and close the curve as shown in the left figure.

#Extrude the closed outline curve front to back by 1 part or 8 units in the side view. Extrude the #closedCurve of the inner and outer spirals by 2 parts or 16 units in the side view (but without the 6 unit extention on the top, which is only used when integrating the volute face with the #capital). Perform a #booleanUnion of both solids, and remember to check for #nakedEdges and #nonManifoldEdges.

The #volute design can be used outside of the #IonicColumn, such as in a #medallion. For a medallion, you have two options regarding the size of the enclosing circle.

You can either use the circle that Arc Zero lies on, or you can use the circle that Arc 1 lies on. Obviously, the latter is more compact. Just remember that the center for the larger circle is #groundZero or point 4 and the center for the smaller circle is point 1. In either case, inset the chosen circle with a concentric circle whose radius is 1 part or 8 units less.

The figure on the right shows the outlines of the enclosing circles based on the size of Arc 1 with center at Point 1.
Splines (@[email protected])

We saw how to create the #outerSpiral for the #IonicVolute in https://pixelfed.social/p/Splines/792511464365923534 and the #innerSpiral in https://pixelfed.social/p/Splines/792561721929860260. Create a 270° circular arc of radius 1 part (24 units at 3x scale), spanning quadrants 2, 3, and 4 as shown in orange for the #eye of the volute. The arc for the eye intersects arc 12 of both inner spiral (shown in green) and outer spiral (shown in magenta). Outer arc 12 makes a kink where it meets the orange arc as seen in the left diagram. Discard the magenta arc 12. We can do better. Trim both the inner arc 12 (green) and the orange arc for the eye where they meet and discard the right portions of both. Finally, perform an #arcBlend between points A and B as shown in the right diagram. Arc blend is a new operation we are seeing for the first time. Previously we used #tangencyBlend to blend various sections of the #primaryProfileCurves for the #shaft of an #IonicColumn [https://pixelfed.social/p/Splines/791723063470910081]. Arc blend also maintains tangency, but instead of generating freeform #NURBS curves for blending, it exclusively uses one or more sections of circular arcs to blend the ends. Join all segments of the inner spiral, outer spiral, eye, blended arcs, and straight lines near the top-left of the volute to create a single #closedCurve. Mark the center of the eye as the origin or base point for #moving, #scaling, and other #transformations, and don't forget to scale the entire design to 1/3 using a scaling factor that has a high degree of precision, e.g., 0.33333333. I mentioned that Dürer's approximation of a #logarithmicSpiral is close, but doesn't fit perfectly. So far there's nothing that doesn't fit. The fit issue only comes up during #scroll construction. This concludes the task of volute construction. Next, we will look at creating the 3-dimensional volute slab using this closed volute curve and adapt it for the recessed #channelGroove in the slab.

Pixelfed
We saw how to create the #outerSpiral for the #IonicVolute in https://pixelfed.social/p/Splines/792511464365923534 and the #innerSpiral in https://pixelfed.social/p/Splines/792561721929860260.

Create a 270° circular arc of radius 1 part (24 units at 3x scale), spanning quadrants 2, 3, and 4 as shown in orange for the #eye of the volute. The arc for the eye intersects arc 12 of both inner spiral (shown in green) and outer spiral (shown in magenta).

Outer arc 12 makes a kink where it meets the orange arc as seen in the left diagram. Discard the magenta arc 12. We can do better.

Trim both the inner arc 12 (green) and the orange arc for the eye where they meet and discard the right portions of both.

Finally, perform an #arcBlend between points A and B as shown in the right diagram. Arc blend is a new operation we are seeing for the first time. Previously we used #tangencyBlend to blend various sections of the #primaryProfileCurves for the #shaft of an #IonicColumn [https://pixelfed.social/p/Splines/791723063470910081]. Arc blend also maintains tangency, but instead of generating freeform #NURBS curves for blending, it exclusively uses one or more sections of circular arcs to blend the ends.

Join all segments of the inner spiral, outer spiral, eye, blended arcs, and straight lines near the top-left of the volute to create a single #closedCurve.

Mark the center of the eye as the origin or base point for #moving, #scaling, and other #transformations, and don't forget to scale the entire design to 1/3 using a scaling factor that has a high degree of precision, e.g., 0.33333333.

I mentioned that Dürer's approximation of a #logarithmicSpiral is close, but doesn't fit perfectly. So far there's nothing that doesn't fit. The fit issue only comes up during #scroll construction.

This concludes the task of volute construction. Next, we will look at creating the 3-dimensional volute slab using this closed volute curve and adapt it for the recessed #channelGroove in the slab.
Splines (@[email protected])

Refer to https://pixelfed.social/p/Splines/792499765146596723 for Step 1 in #IonicVolute construction. Remember that we are temporarily scaling up by 3x. Connect points 4 and 5 and extend it to a length approximately 144 units. Connect points 8 and 9 and extend to approximately 72 units. These are #transitionRays that we use to transition from one turn of the spiral to the next. The volute is constructed in discrete steps using 13 arcs numbered zero to 12 in the figure. The arcs are centered on numbered vertices of the 3 concentric squares we made in the previous post. The center for arc 1 is point 1, for arc 2 it is point 2, and so on. Point 4 is special — I call it #groundZero. It is the center for Arc Zero as well as the circle that encloses the volute. Neither the circle, nor arc zero are used in the volute, but a portion of arc zero is used in constructing the #scroll surface. You can throw away the outer circle or use it to create a #medallion around the volute in other unrelated designs. With 3x measurements, start arc 0 at ground zero, or point 4 with radius 228 and stop after 90° clockwise sweep. Start arc 1 where previous arc ended using point 1 as center and sweep clockwise 90°. Start and end arcs 2 and 3 similarly using points 2 and 3 as their centers. For arc 4, continue sweeping past 90° until it meets the first transition ray. For the 2nd turn of the spiral, start at point 5 with a radius equal to the distance between point 5 and point 13. The angles for arc 4 and arc 5 are #supplementary — They total 180°. So arc 5 ends on a horizontal axis. Continue with 90° arcs centered at points 6 and 7. For arc 8, continue sweeping past 90° until it meets the second transition ray. For the final turn of the spiral, start at point 9 with a radius equal to the distance between point 9 and point 14. The angles for arc 8 and arc 9 are #supplementary — They total 180°. So arc 9 ends on a horizontal axis. Continue with 90° arcs centered at points 10, 11, and 12.

Pixelfed
In https://pixelfed.social/p/Splines/792511464365923534 we created the outer spiral for the #IonicVolute. We will now create the inner spiral. Remember that we're temporarily using a 3x scale.

Recall from https://pixelfed.social/p/Splines/792124787573855518 that the vertical gap between the maxima for the 2nd turn of the spiral and that of the first turn shown by points G and H, respectively, is exactly 4 parts or 32 units when µ = 144. With a 3x scale, it is still 4 parts, but each part is 24 units, so gap is 96 units now. Of these 4 parts, 1 part (now 24 units) is the #fillet that gets progressively narrower as it follows the spiral, and 3 parts (now 72 units) form the #channelGroove.

The volute extends 3/4 parts or 18 units now (6 units in the original) to the left of the point of horizontal tangency of the outer spiral. This is the amount needed to accommodate the ribbon and 3-strand #braid on the flat vertical wall on the sides of the #capital as shown earlier in the same post by points F and H.

Now focus on the square where we have the 12 numbered vertices. At present scale, the square is 1 part or 24 units wide. Now inset each concentric square by 1 unit on each side, effectively dividing the gap between the original squares in a 1:3 ratio — same as the fillet height to groove size ratio.

Move to new point 1 in the square and sweep arc 1 of the inner spiral using a radius of 181 units so that the vertical gap between the top of original arc 1 and new arc one is exactly 1 part (24 units at present scale), and the vertical gap between the start of new arc 1 and the old arc 5 is exactly 3 parts or 72 units.

Continue with inner arc 2 from where inner arc 1 ended, using new point 2 as the center. Finish drawing the entire inner spiral exactly as described earlier for the outer spiral. This time you don't need arc zero or the outer circle unless you are contemplating a #medallion.

All that's left now is to complete the #eye of the volute, which I show next.
Splines (@[email protected])

Refer to https://pixelfed.social/p/Splines/792499765146596723 for Step 1 in #IonicVolute construction. Remember that we are temporarily scaling up by 3x. Connect points 4 and 5 and extend it to a length approximately 144 units. Connect points 8 and 9 and extend to approximately 72 units. These are #transitionRays that we use to transition from one turn of the spiral to the next. The volute is constructed in discrete steps using 13 arcs numbered zero to 12 in the figure. The arcs are centered on numbered vertices of the 3 concentric squares we made in the previous post. The center for arc 1 is point 1, for arc 2 it is point 2, and so on. Point 4 is special — I call it #groundZero. It is the center for Arc Zero as well as the circle that encloses the volute. Neither the circle, nor arc zero are used in the volute, but a portion of arc zero is used in constructing the #scroll surface. You can throw away the outer circle or use it to create a #medallion around the volute in other unrelated designs. With 3x measurements, start arc 0 at ground zero, or point 4 with radius 228 and stop after 90° clockwise sweep. Start arc 1 where previous arc ended using point 1 as center and sweep clockwise 90°. Start and end arcs 2 and 3 similarly using points 2 and 3 as their centers. For arc 4, continue sweeping past 90° until it meets the first transition ray. For the 2nd turn of the spiral, start at point 5 with a radius equal to the distance between point 5 and point 13. The angles for arc 4 and arc 5 are #supplementary — They total 180°. So arc 5 ends on a horizontal axis. Continue with 90° arcs centered at points 6 and 7. For arc 8, continue sweeping past 90° until it meets the second transition ray. For the final turn of the spiral, start at point 9 with a radius equal to the distance between point 9 and point 14. The angles for arc 8 and arc 9 are #supplementary — They total 180°. So arc 9 ends on a horizontal axis. Continue with 90° arcs centered at points 10, 11, and 12.

Pixelfed
Refer to https://pixelfed.social/p/Splines/792499765146596723 for Step 1 in #IonicVolute construction. Remember that we are temporarily scaling up by 3x.

Connect points 4 and 5 and extend it to a length approximately 144 units. Connect points 8 and 9 and extend to approximately 72 units. These are #transitionRays that we use to transition from one turn of the spiral to the next.

The volute is constructed in discrete steps using 13 arcs numbered zero to 12 in the figure. The arcs are centered on numbered vertices of the 3 concentric squares we made in the previous post. The center for arc 1 is point 1, for arc 2 it is point 2, and so on. Point 4 is special — I call it #groundZero. It is the center for Arc Zero as well as the circle that encloses the volute. Neither the circle, nor arc zero are used in the volute, but a portion of arc zero is used in constructing the #scroll surface. You can throw away the outer circle or use it to create a #medallion around the volute in other unrelated designs.

With 3x measurements, start arc 0 at ground zero, or point 4 with radius 228 and stop after 90° clockwise sweep. Start arc 1 where previous arc ended using point 1 as center and sweep clockwise 90°. Start and end arcs 2 and 3 similarly using points 2 and 3 as their centers. For arc 4, continue sweeping past 90° until it meets the first transition ray.

For the 2nd turn of the spiral, start at point 5 with a radius equal to the distance between point 5 and point 13. The angles for arc 4 and arc 5 are #supplementary — They total 180°. So arc 5 ends on a horizontal axis. Continue with 90° arcs centered at points 6 and 7. For arc 8, continue sweeping past 90° until it meets the second transition ray.

For the final turn of the spiral, start at point 9 with a radius equal to the distance between point 9 and point 14. The angles for arc 8 and arc 9 are #supplementary — They total 180°. So arc 9 ends on a horizontal axis. Continue with 90° arcs centered at points 10, 11, and 12.
Splines (@[email protected])

The #volute is the most striking element of the #IonicOrder, even more than the #scrolls, for there would be no scrolls without volutes. The #IonicVolute is constructed as a spiral, of which there's a bewildering array of types that have fascinated artists, philosophers, and mathematicians alike for millennia. Most #CAD tools have a built-in primitive for spirals, but you will only waste your time with them because they strive for #continuous curvature changes, when only a #discrete spiral made from circular arcs will work in this design. I spent years trying different kinds and learned a lot in the process. Even within the family of discrete spirals, there's only one that fits. Dürer's approximation of #logarithmicSpirals with 90° arcs comes close, but still doesn't fit. The only one that works is contrived to fit the measurements of the #IonicCapital, and it's not a general spiral. It's specifically designed for 3 turns, and you can only proceed in one direction — toward the eye. You cannot start at the eye and diverge outward. The process is not complicated. I purposely left out the measurements in the sketch because they cluttered the area near the eye, but I describe them here. When µ = 144, you will need to start with a square that is exactly 1 part (8 units) wide and divide it into smaller portions — initially 6, but eventually 24. This is the first time you might regret choosing µ = 144. If you had chosen a value 3x larger, then one part would be 24 units instead of 8. That would certainly have made understanding the volute a little easier but the other measurements would also be 3x and too unwieldy to work with. There is a happy compromise: Temporarily scale everything up by 3x just for the volute, and once it has been constructed, scale it down to 1/3 to fit with the rest of the design. So, the first step is to divide the square into a 24x24 grid. Then make 3 concentric squares 4 units apart and mark their ends with points 1 through 12 as shown here.

Pixelfed
The #volute is the most striking element of the #IonicOrder, even more than the #scrolls, for there would be no scrolls without volutes.

The #IonicVolute is constructed as a spiral, of which there's a bewildering array of types that have fascinated artists, philosophers, and mathematicians alike for millennia. Most #CAD tools have a built-in primitive for spirals, but you will only waste your time with them because they strive for #continuous curvature changes, when only a #discrete spiral made from circular arcs will work in this design. I spent years trying different kinds and learned a lot in the process.

Even within the family of discrete spirals, there's only one that fits. Dürer's approximation of #logarithmicSpirals with 90° arcs comes close, but still doesn't fit. The only one that works is contrived to fit the measurements of the #IonicCapital, and it's not a general spiral. It's specifically designed for 3 turns, and you can only proceed in one direction — toward the eye. You cannot start at the eye and diverge outward.

The process is not complicated. I purposely left out the measurements in the sketch because they cluttered the area near the eye, but I describe them here.

When µ = 144, you will need to start with a square that is exactly 1 part (8 units) wide and divide it into smaller portions — initially 6, but eventually 24. This is the first time you might regret choosing µ = 144. If you had chosen a value 3x larger, then one part would be 24 units instead of 8. That would certainly have made understanding the volute a little easier but the other measurements would also be 3x and too unwieldy to work with.

There is a happy compromise: Temporarily scale everything up by 3x just for the volute, and once it has been constructed, scale it down to 1/3 to fit with the rest of the design.

So, the first step is to divide the square into a 24x24 grid. Then make 3 concentric squares 4 units apart and mark their ends with points 1 through 12 as shown here.