{"id":13652,"date":"2024-07-22T09:46:50","date_gmt":"2024-07-22T08:46:50","guid":{"rendered":"http:\/\/www.keris-studio.fr\/blog\/?p=13652"},"modified":"2024-07-23T18:45:13","modified_gmt":"2024-07-23T17:45:13","slug":"beegraphy-bruno-tauts-glass-pavilion","status":"publish","type":"post","link":"https:\/\/www.keris-studio.fr\/blog\/?p=13652","title":{"rendered":"Beegraphy Bruno Taut&rsquo;s Glass Pavilion"},"content":{"rendered":"<h1>Pr\u00e9sentation<\/h1>\n<p>The <strong>Glass Pavilion<\/strong> designed by <strong>Bruno Taut<\/strong>! It was a stunning prismatic glass dome structure built for the <strong>1914 Cologne<\/strong> <strong>Deutscher Werkbund Exhibition<\/strong>. This pavilion showcased innovative construction materials and techniques, while also highlighting how glass could be utilized to evoke emotions and construct a spiritual utopia.<\/p>\n<p>The Glass Pavilion had a complex geometric structure composed of a faceted dome formed by numerous flat quadrangular glass panes. The glass panes were fixed into an iron framework that featured a steel compression ring at the base to create a stable and secure foundation.<\/p>\n<figure id=\"attachment_13687\" aria-describedby=\"caption-attachment-13687\" style=\"width: 1072px\" class=\"wp-caption alignnone\"><a href=\"https:\/\/www.keris-studio.fr\/blog\/wp-content\/4b6de131240933297f758121a3740bdd.png\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-13687 size-full\" src=\"https:\/\/www.keris-studio.fr\/blog\/wp-content\/4b6de131240933297f758121a3740bdd.png\" alt=\"Bruno Taut Glass Pavilion IA\" width=\"1072\" height=\"976\" srcset=\"https:\/\/www.keris-studio.fr\/blog\/wp-content\/4b6de131240933297f758121a3740bdd.png 1072w, https:\/\/www.keris-studio.fr\/blog\/wp-content\/4b6de131240933297f758121a3740bdd-300x273.png 300w, https:\/\/www.keris-studio.fr\/blog\/wp-content\/4b6de131240933297f758121a3740bdd-1024x932.png 1024w, https:\/\/www.keris-studio.fr\/blog\/wp-content\/4b6de131240933297f758121a3740bdd-768x699.png 768w\" sizes=\"auto, (max-width: 1072px) 100vw, 1072px\" \/><\/a><figcaption id=\"caption-attachment-13687\" class=\"wp-caption-text\">Bruno Taut Glass Pavilion IA rendering<\/figcaption><\/figure>\n<p>Understanding the geometric construction of such shapes necessitates a comprehensive grasp of the underlying structure, beyond the optical illusion it presents. It is crucial to recognize that the entire design originates from a preliminary shape. Subsequently, through translation and rotation, the upper panes are derived. Factors such as the shape, size, and heights are determined by various parameters, including the number of sides and the height of the initial triangles. This complexity and the multitude of possible outcomes make a parametric model highly suitable for exploring the various design options.<!--more--><\/p>\n<p><strong>We will use Beegraphy, the online Grasshopper for that. <a href=\"https:\/\/beegraphy.com\/\">https:\/\/beegraphy.com\/<\/a><\/strong><\/p>\n<p>BeeGraphy is an innovative cloud-based platform tailored for computational designers. It provides effortless cross-platform compatibility, removing the requirement for installations, thereby facilitating seamless usage on Windows, Mac, or Linux systems. By enabling model creation directly in the cloud and allowing easy sharing through a straightforward URL link, BeeGraphy fosters real-time collaboration and co-creation among individuals and teams. Beegraphy ensures that you can share your parametric models securely without disclosing the underlying script, empowering to present designs confidently. Additionally, Beegrapgy offers the opportunity to showcase and market models in Beegraphy online store, generating passive income.<\/p>\n<h1>Settting the base<\/h1>\n<p>We start by creating a Point (<strong>Construct Point<\/strong>), then a <strong>Polygone<\/strong> on which we add a <strong>Range Input<\/strong>. We rename this Range Input <em>Sides Number<\/em> for a better use in the further interface. We then <strong>Explode<\/strong> the Polygone to have separate segments.<\/p>\n<p><a href=\"https:\/\/www.keris-studio.fr\/blog\/wp-content\/word-image-13652-2.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-13654 size-full\" src=\"https:\/\/www.keris-studio.fr\/blog\/wp-content\/word-image-13652-2.png\" alt=\"\" width=\"2014\" height=\"914\" srcset=\"https:\/\/www.keris-studio.fr\/blog\/wp-content\/word-image-13652-2.png 2014w, https:\/\/www.keris-studio.fr\/blog\/wp-content\/word-image-13652-2-300x136.png 300w, https:\/\/www.keris-studio.fr\/blog\/wp-content\/word-image-13652-2-1024x465.png 1024w, https:\/\/www.keris-studio.fr\/blog\/wp-content\/word-image-13652-2-768x349.png 768w, https:\/\/www.keris-studio.fr\/blog\/wp-content\/word-image-13652-2-1536x697.png 1536w\" sizes=\"auto, (max-width: 2014px) 100vw, 2014px\" \/><\/a><\/p>\n<h1>First row of triangles<\/h1>\n<p>Ok now we have to build the first row of triangles. We identify for each segment the middle point that we move up a certain value. For that we use the <strong>Curve Middle Point<\/strong> that we connect to our Curves, we <strong>Move<\/strong> those Points in Z with <strong>VectorZ<\/strong> of which we give a value with a <strong>Range Input<\/strong>. We rename this Range Input into <em>Height Level 1<\/em>.<\/p>\n<p><a href=\"https:\/\/www.keris-studio.fr\/blog\/wp-content\/word-image-13652-3.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-13655 size-full\" src=\"https:\/\/www.keris-studio.fr\/blog\/wp-content\/word-image-13652-3.png\" alt=\"\" width=\"1916\" height=\"659\" srcset=\"https:\/\/www.keris-studio.fr\/blog\/wp-content\/word-image-13652-3.png 1916w, https:\/\/www.keris-studio.fr\/blog\/wp-content\/word-image-13652-3-300x103.png 300w, https:\/\/www.keris-studio.fr\/blog\/wp-content\/word-image-13652-3-1024x352.png 1024w, https:\/\/www.keris-studio.fr\/blog\/wp-content\/word-image-13652-3-768x264.png 768w, https:\/\/www.keris-studio.fr\/blog\/wp-content\/word-image-13652-3-1536x528.png 1536w\" sizes=\"auto, (max-width: 1916px) 100vw, 1916px\" \/><\/a><\/p>\n<p>We now connect the points to create the triangles.<\/p>\n<p>When the Curve is exploded we have a list of Points. Good, let\u2019s use them.<\/p>\n<p><a href=\"https:\/\/www.keris-studio.fr\/blog\/wp-content\/word-image-13652-4.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-13656 size-full\" src=\"https:\/\/www.keris-studio.fr\/blog\/wp-content\/word-image-13652-4.png\" alt=\"\" width=\"1111\" height=\"931\" srcset=\"https:\/\/www.keris-studio.fr\/blog\/wp-content\/word-image-13652-4.png 1111w, https:\/\/www.keris-studio.fr\/blog\/wp-content\/word-image-13652-4-300x251.png 300w, https:\/\/www.keris-studio.fr\/blog\/wp-content\/word-image-13652-4-1024x858.png 1024w, https:\/\/www.keris-studio.fr\/blog\/wp-content\/word-image-13652-4-768x644.png 768w\" sizes=\"auto, (max-width: 1111px) 100vw, 1111px\" \/><\/a><\/p>\n<p>We connect it to the raised middle Point for the first side of the triangle.<\/p>\n<p><a href=\"https:\/\/www.keris-studio.fr\/blog\/wp-content\/word-image-13652-5.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-13657 size-full\" src=\"https:\/\/www.keris-studio.fr\/blog\/wp-content\/word-image-13652-5.png\" alt=\"\" width=\"2203\" height=\"930\" srcset=\"https:\/\/www.keris-studio.fr\/blog\/wp-content\/word-image-13652-5.png 2203w, https:\/\/www.keris-studio.fr\/blog\/wp-content\/word-image-13652-5-300x127.png 300w, https:\/\/www.keris-studio.fr\/blog\/wp-content\/word-image-13652-5-1024x432.png 1024w, https:\/\/www.keris-studio.fr\/blog\/wp-content\/word-image-13652-5-768x324.png 768w, https:\/\/www.keris-studio.fr\/blog\/wp-content\/word-image-13652-5-1536x648.png 1536w, https:\/\/www.keris-studio.fr\/blog\/wp-content\/word-image-13652-5-2048x865.png 2048w\" sizes=\"auto, (max-width: 2203px) 100vw, 2203px\" \/><\/a><\/p>\n<p>Then we will Shift the list so that Point N\u00b00 will be Point N\u00b01. This way we can have the third side of the triangle.<\/p>\n<p><a href=\"https:\/\/www.keris-studio.fr\/blog\/wp-content\/word-image-13652-6.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-13658 size-full\" src=\"https:\/\/www.keris-studio.fr\/blog\/wp-content\/word-image-13652-6.png\" alt=\"\" width=\"2383\" height=\"934\" srcset=\"https:\/\/www.keris-studio.fr\/blog\/wp-content\/word-image-13652-6.png 2383w, https:\/\/www.keris-studio.fr\/blog\/wp-content\/word-image-13652-6-300x118.png 300w, https:\/\/www.keris-studio.fr\/blog\/wp-content\/word-image-13652-6-1024x401.png 1024w, https:\/\/www.keris-studio.fr\/blog\/wp-content\/word-image-13652-6-768x301.png 768w, https:\/\/www.keris-studio.fr\/blog\/wp-content\/word-image-13652-6-1536x602.png 1536w, https:\/\/www.keris-studio.fr\/blog\/wp-content\/word-image-13652-6-2048x803.png 2048w\" sizes=\"auto, (max-width: 2383px) 100vw, 2383px\" \/><\/a><\/p>\n<p>We can get the Surfaces by using <strong>Surface by Edges<\/strong>. But first, each triangle shall be placed in a separate list with <strong>Graft Tree<\/strong>.<\/p>\n<p style=\"text-align: right;\"><em>The \u00ab\u00a0<\/em><strong><em>Flatten Tree<\/em><\/strong><em>\u00a0\u00bb and \u00ab\u00a0<\/em><strong><em>Graft Tree<\/em><\/strong><em>\u00a0\u00bb components are used to manipulate the structure of data trees, which are a way of organizing and storing data in a hierarchical structure.<\/em><\/p>\n<p style=\"text-align: right;\"><strong><em>Flatten Tree<\/em><\/strong><em>: This component takes a data tree as input and removes all the branches, placing all the elements in a single list. It effectively converts a data tree into a flat list of elements. This can be useful when you want to perform operations on all elements without considering their hierarchy.<\/em><\/p>\n<p style=\"text-align: right;\"><strong><em>Graft Tree<\/em><\/strong><em>: On the other hand, the \u00ab\u00a0Graft Tree\u00a0\u00bb component adds a new level of hierarchy to the data tree. It takes a list of data trees as input and places each data tree onto a new branch. This can be helpful when you want to combine multiple data trees into a single, more complex data structure.<\/em><\/p>\n<p style=\"text-align: right;\"><em>Both components play an important role in managing data structures within Grasshopper, allowing you to adapt and manipulate your data to suit the needs of your algorithmic design process.<\/em><\/p>\n<p style=\"text-align: right;\"><em>These are the very principles of algorithmic design. Hard? Yes, we will be back on it.<\/em><\/p>\n<p>So we take A <strong>Graft<\/strong> component which means that we associate one line in a line and the correspondent one in the other one to create the <strong>Surfaces<\/strong>.<\/p>\n<p><a href=\"https:\/\/www.keris-studio.fr\/blog\/wp-content\/word-image-13652-7.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-13659 size-full\" src=\"https:\/\/www.keris-studio.fr\/blog\/wp-content\/word-image-13652-7.png\" alt=\"\" width=\"2661\" height=\"808\" srcset=\"https:\/\/www.keris-studio.fr\/blog\/wp-content\/word-image-13652-7.png 2661w, https:\/\/www.keris-studio.fr\/blog\/wp-content\/word-image-13652-7-300x91.png 300w, https:\/\/www.keris-studio.fr\/blog\/wp-content\/word-image-13652-7-1024x311.png 1024w, https:\/\/www.keris-studio.fr\/blog\/wp-content\/word-image-13652-7-768x233.png 768w, https:\/\/www.keris-studio.fr\/blog\/wp-content\/word-image-13652-7-1536x466.png 1536w, https:\/\/www.keris-studio.fr\/blog\/wp-content\/word-image-13652-7-2048x622.png 2048w\" sizes=\"auto, (max-width: 2661px) 100vw, 2661px\" \/><\/a><\/p>\n<h1>Second row, flat quadrangular glass panes<\/h1>\n<p>The magic of the structure is that, everything is derived from the first row. Simple geometric transformations shape the dome. Let\u2019s check it out.<\/p>\n<p>The idea will be to create the flat pane by adding the points of the third row.<\/p>\n<p><a href=\"https:\/\/www.keris-studio.fr\/blog\/wp-content\/word-image-13652-8.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-13660 size-full\" src=\"https:\/\/www.keris-studio.fr\/blog\/wp-content\/word-image-13652-8.png\" alt=\"\" width=\"1080\" height=\"1037\" srcset=\"https:\/\/www.keris-studio.fr\/blog\/wp-content\/word-image-13652-8.png 1080w, https:\/\/www.keris-studio.fr\/blog\/wp-content\/word-image-13652-8-300x288.png 300w, https:\/\/www.keris-studio.fr\/blog\/wp-content\/word-image-13652-8-1024x983.png 1024w, https:\/\/www.keris-studio.fr\/blog\/wp-content\/word-image-13652-8-768x737.png 768w\" sizes=\"auto, (max-width: 1080px) 100vw, 1080px\" \/><\/a><\/p>\n<p><a href=\"https:\/\/www.keris-studio.fr\/blog\/wp-content\/word-image-13652-9.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-13661 size-full\" src=\"https:\/\/www.keris-studio.fr\/blog\/wp-content\/word-image-13652-9.png\" alt=\"\" width=\"2454\" height=\"971\" srcset=\"https:\/\/www.keris-studio.fr\/blog\/wp-content\/word-image-13652-9.png 2454w, https:\/\/www.keris-studio.fr\/blog\/wp-content\/word-image-13652-9-300x119.png 300w, https:\/\/www.keris-studio.fr\/blog\/wp-content\/word-image-13652-9-1024x405.png 1024w, https:\/\/www.keris-studio.fr\/blog\/wp-content\/word-image-13652-9-768x304.png 768w, https:\/\/www.keris-studio.fr\/blog\/wp-content\/word-image-13652-9-1536x608.png 1536w, https:\/\/www.keris-studio.fr\/blog\/wp-content\/word-image-13652-9-2048x810.png 2048w\" sizes=\"auto, (max-width: 2454px) 100vw, 2454px\" \/><\/a><\/p>\n<p>The <strong>Polyline<\/strong> is exploded and then we find the <strong>Middle Points<\/strong>.<\/p>\n<p>We need to create the diagonal line of our pane. For that we just move Points along a <strong>Vector 2 Points<\/strong>. Let\u2019s see that.<\/p>\n<p>To identify the vector we can create a <strong>Line 2 Points<\/strong>, just to visualise this vector. We connect the points from the base row, to the middle points of the second row\u2026oops\u2026problem.<\/p>\n<p>We need to a <strong>Shift List<\/strong> component. Ok it works.<\/p>\n<p><a href=\"https:\/\/www.keris-studio.fr\/blog\/wp-content\/word-image-13652-12.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-13663 size-full\" src=\"https:\/\/www.keris-studio.fr\/blog\/wp-content\/word-image-13652-12.png\" alt=\"\" width=\"2427\" height=\"696\" srcset=\"https:\/\/www.keris-studio.fr\/blog\/wp-content\/word-image-13652-12.png 2427w, https:\/\/www.keris-studio.fr\/blog\/wp-content\/word-image-13652-12-300x86.png 300w, https:\/\/www.keris-studio.fr\/blog\/wp-content\/word-image-13652-12-1024x294.png 1024w, https:\/\/www.keris-studio.fr\/blog\/wp-content\/word-image-13652-12-768x220.png 768w, https:\/\/www.keris-studio.fr\/blog\/wp-content\/word-image-13652-12-1536x440.png 1536w, https:\/\/www.keris-studio.fr\/blog\/wp-content\/word-image-13652-12-2048x587.png 2048w\" sizes=\"auto, (max-width: 2427px) 100vw, 2427px\" \/><\/a><\/p>\n<p>Now we can replace this <strong>Line 2 Points<\/strong> by <strong>Vector 2 Points<\/strong>.<\/p>\n<p><a href=\"https:\/\/www.keris-studio.fr\/blog\/wp-content\/word-image-13652-13.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-13664 size-full\" src=\"https:\/\/www.keris-studio.fr\/blog\/wp-content\/word-image-13652-13.png\" alt=\"\" width=\"2910\" height=\"942\" srcset=\"https:\/\/www.keris-studio.fr\/blog\/wp-content\/word-image-13652-13.png 2910w, https:\/\/www.keris-studio.fr\/blog\/wp-content\/word-image-13652-13-300x97.png 300w, https:\/\/www.keris-studio.fr\/blog\/wp-content\/word-image-13652-13-1024x331.png 1024w, https:\/\/www.keris-studio.fr\/blog\/wp-content\/word-image-13652-13-768x249.png 768w, https:\/\/www.keris-studio.fr\/blog\/wp-content\/word-image-13652-13-1536x497.png 1536w, https:\/\/www.keris-studio.fr\/blog\/wp-content\/word-image-13652-13-2048x663.png 2048w\" sizes=\"auto, (max-width: 2910px) 100vw, 2910px\" \/><\/a><\/p>\n<p>Now we can move our points to create the third row.<\/p>\n<p>Ok, a <strong>Polyline<\/strong> has been created to visualise the result and anticipate the next phase.<\/p>\n<p><a href=\"https:\/\/www.keris-studio.fr\/blog\/wp-content\/word-image-13652-14.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-13665 size-full\" src=\"https:\/\/www.keris-studio.fr\/blog\/wp-content\/word-image-13652-14.png\" alt=\"\" width=\"2761\" height=\"878\" srcset=\"https:\/\/www.keris-studio.fr\/blog\/wp-content\/word-image-13652-14.png 2761w, https:\/\/www.keris-studio.fr\/blog\/wp-content\/word-image-13652-14-300x95.png 300w, https:\/\/www.keris-studio.fr\/blog\/wp-content\/word-image-13652-14-1024x326.png 1024w, https:\/\/www.keris-studio.fr\/blog\/wp-content\/word-image-13652-14-768x244.png 768w, https:\/\/www.keris-studio.fr\/blog\/wp-content\/word-image-13652-14-1536x488.png 1536w, https:\/\/www.keris-studio.fr\/blog\/wp-content\/word-image-13652-14-2048x651.png 2048w\" sizes=\"auto, (max-width: 2761px) 100vw, 2761px\" \/><\/a><\/p>\n<p>Let\u2019s add the edges<\/p>\n<p>It\u2019s quite easy at this stage it follows what has been explained just above, connecting the points.<\/p>\n<p><a href=\"https:\/\/www.keris-studio.fr\/blog\/wp-content\/word-image-13652-15.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-13666 size-full\" src=\"https:\/\/www.keris-studio.fr\/blog\/wp-content\/word-image-13652-15.png\" alt=\"\" width=\"2065\" height=\"664\" srcset=\"https:\/\/www.keris-studio.fr\/blog\/wp-content\/word-image-13652-15.png 2065w, https:\/\/www.keris-studio.fr\/blog\/wp-content\/word-image-13652-15-300x96.png 300w, https:\/\/www.keris-studio.fr\/blog\/wp-content\/word-image-13652-15-1024x329.png 1024w, https:\/\/www.keris-studio.fr\/blog\/wp-content\/word-image-13652-15-768x247.png 768w, https:\/\/www.keris-studio.fr\/blog\/wp-content\/word-image-13652-15-1536x494.png 1536w, https:\/\/www.keris-studio.fr\/blog\/wp-content\/word-image-13652-15-2048x659.png 2048w\" sizes=\"auto, (max-width: 2065px) 100vw, 2065px\" \/><\/a><\/p>\n<p>We can create the pans by this time using <strong>4 Points.<\/strong><\/p>\n<p>Just beware to have them in the right order. Whatever it is, it does not mind.<\/p>\n<p><a href=\"https:\/\/www.keris-studio.fr\/blog\/wp-content\/word-image-13652-16.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-13667 size-full\" src=\"https:\/\/www.keris-studio.fr\/blog\/wp-content\/word-image-13652-16.png\" alt=\"\" width=\"2235\" height=\"864\" srcset=\"https:\/\/www.keris-studio.fr\/blog\/wp-content\/word-image-13652-16.png 2235w, https:\/\/www.keris-studio.fr\/blog\/wp-content\/word-image-13652-16-300x116.png 300w, https:\/\/www.keris-studio.fr\/blog\/wp-content\/word-image-13652-16-1024x396.png 1024w, https:\/\/www.keris-studio.fr\/blog\/wp-content\/word-image-13652-16-768x297.png 768w, https:\/\/www.keris-studio.fr\/blog\/wp-content\/word-image-13652-16-1536x594.png 1536w, https:\/\/www.keris-studio.fr\/blog\/wp-content\/word-image-13652-16-2048x792.png 2048w\" sizes=\"auto, (max-width: 2235px) 100vw, 2235px\" \/><\/a><\/p>\n<p>Ok each time I tried I had a different combination. What is important is to have the panes done.<\/p>\n<h1>Repeating the process.<\/h1>\n<p>OK now it\u2019s just a matter of repeating what has been done before for the following rows\u2026<\/p>\n<p>Ok, it\u2019s getting a bit messy now, but it\u2019s the same pattern. Not difficult, just a problem of not being confused.<\/p>\n<p><a href=\"https:\/\/www.keris-studio.fr\/blog\/wp-content\/word-image-13652-17.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-13668 size-full\" src=\"https:\/\/www.keris-studio.fr\/blog\/wp-content\/word-image-13652-17.png\" alt=\"\" width=\"1828\" height=\"970\" srcset=\"https:\/\/www.keris-studio.fr\/blog\/wp-content\/word-image-13652-17.png 1828w, https:\/\/www.keris-studio.fr\/blog\/wp-content\/word-image-13652-17-300x159.png 300w, https:\/\/www.keris-studio.fr\/blog\/wp-content\/word-image-13652-17-1024x543.png 1024w, https:\/\/www.keris-studio.fr\/blog\/wp-content\/word-image-13652-17-768x408.png 768w, https:\/\/www.keris-studio.fr\/blog\/wp-content\/word-image-13652-17-1536x815.png 1536w\" sizes=\"auto, (max-width: 1828px) 100vw, 1828px\" \/><\/a><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" width=\"991\" height=\"623\" class=\"wp-image-13669\" src=\"https:\/\/www.keris-studio.fr\/blog\/wp-content\/word-image-13652-18.png\" srcset=\"https:\/\/www.keris-studio.fr\/blog\/wp-content\/word-image-13652-18.png 991w, https:\/\/www.keris-studio.fr\/blog\/wp-content\/word-image-13652-18-300x189.png 300w, https:\/\/www.keris-studio.fr\/blog\/wp-content\/word-image-13652-18-768x483.png 768w\" sizes=\"auto, (max-width: 991px) 100vw, 991px\" \/><\/p>\n<p>Let\u2019s continue further and further<\/p>\n<p><a href=\"https:\/\/www.keris-studio.fr\/blog\/wp-content\/word-image-13652-19.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-13670 size-full\" src=\"https:\/\/www.keris-studio.fr\/blog\/wp-content\/word-image-13652-19.png\" alt=\"\" width=\"2039\" height=\"807\" srcset=\"https:\/\/www.keris-studio.fr\/blog\/wp-content\/word-image-13652-19.png 2039w, https:\/\/www.keris-studio.fr\/blog\/wp-content\/word-image-13652-19-300x119.png 300w, https:\/\/www.keris-studio.fr\/blog\/wp-content\/word-image-13652-19-1024x405.png 1024w, https:\/\/www.keris-studio.fr\/blog\/wp-content\/word-image-13652-19-768x304.png 768w, https:\/\/www.keris-studio.fr\/blog\/wp-content\/word-image-13652-19-1536x608.png 1536w\" sizes=\"auto, (max-width: 2039px) 100vw, 2039px\" \/><\/a><\/p>\n<p><strong>Polyline, explode\u2026.Curve Middle Point<\/strong><\/p>\n<p><a href=\"https:\/\/www.keris-studio.fr\/blog\/wp-content\/word-image-13652-20.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-13671 size-full\" src=\"https:\/\/www.keris-studio.fr\/blog\/wp-content\/word-image-13652-20.png\" alt=\"\" width=\"1299\" height=\"304\" srcset=\"https:\/\/www.keris-studio.fr\/blog\/wp-content\/word-image-13652-20.png 1299w, https:\/\/www.keris-studio.fr\/blog\/wp-content\/word-image-13652-20-300x70.png 300w, https:\/\/www.keris-studio.fr\/blog\/wp-content\/word-image-13652-20-1024x240.png 1024w, https:\/\/www.keris-studio.fr\/blog\/wp-content\/word-image-13652-20-768x180.png 768w\" sizes=\"auto, (max-width: 1299px) 100vw, 1299px\" \/><\/a><\/p>\n<p>Then vectors (<strong>Vector 2 Points<\/strong>), <strong>Move<\/strong><\/p>\n<p><a href=\"https:\/\/www.keris-studio.fr\/blog\/wp-content\/word-image-13652-21.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-13672 size-full\" src=\"https:\/\/www.keris-studio.fr\/blog\/wp-content\/word-image-13652-21.png\" alt=\"\" width=\"1739\" height=\"816\" srcset=\"https:\/\/www.keris-studio.fr\/blog\/wp-content\/word-image-13652-21.png 1739w, https:\/\/www.keris-studio.fr\/blog\/wp-content\/word-image-13652-21-300x141.png 300w, https:\/\/www.keris-studio.fr\/blog\/wp-content\/word-image-13652-21-1024x480.png 1024w, https:\/\/www.keris-studio.fr\/blog\/wp-content\/word-image-13652-21-768x360.png 768w, https:\/\/www.keris-studio.fr\/blog\/wp-content\/word-image-13652-21-1536x721.png 1536w\" sizes=\"auto, (max-width: 1739px) 100vw, 1739px\" \/><\/a><\/p>\n<p>Lines\u2026.<\/p>\n<p><a href=\"https:\/\/www.keris-studio.fr\/blog\/wp-content\/word-image-13652-22.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-13673 size-full\" src=\"https:\/\/www.keris-studio.fr\/blog\/wp-content\/word-image-13652-22.png\" alt=\"\" width=\"2286\" height=\"937\" srcset=\"https:\/\/www.keris-studio.fr\/blog\/wp-content\/word-image-13652-22.png 2286w, https:\/\/www.keris-studio.fr\/blog\/wp-content\/word-image-13652-22-300x123.png 300w, https:\/\/www.keris-studio.fr\/blog\/wp-content\/word-image-13652-22-1024x420.png 1024w, https:\/\/www.keris-studio.fr\/blog\/wp-content\/word-image-13652-22-768x315.png 768w, https:\/\/www.keris-studio.fr\/blog\/wp-content\/word-image-13652-22-1536x630.png 1536w, https:\/\/www.keris-studio.fr\/blog\/wp-content\/word-image-13652-22-2048x839.png 2048w\" sizes=\"auto, (max-width: 2286px) 100vw, 2286px\" \/><\/a><\/p>\n<p>And if we add another level, we\u2019ve got it all<\/p>\n<p><a href=\"https:\/\/www.keris-studio.fr\/blog\/wp-content\/word-image-13652-23.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-13674 size-full\" src=\"https:\/\/www.keris-studio.fr\/blog\/wp-content\/word-image-13652-23.png\" alt=\"\" width=\"2506\" height=\"915\" srcset=\"https:\/\/www.keris-studio.fr\/blog\/wp-content\/word-image-13652-23.png 2506w, https:\/\/www.keris-studio.fr\/blog\/wp-content\/word-image-13652-23-300x110.png 300w, https:\/\/www.keris-studio.fr\/blog\/wp-content\/word-image-13652-23-1024x374.png 1024w, https:\/\/www.keris-studio.fr\/blog\/wp-content\/word-image-13652-23-768x280.png 768w, https:\/\/www.keris-studio.fr\/blog\/wp-content\/word-image-13652-23-1536x561.png 1536w, https:\/\/www.keris-studio.fr\/blog\/wp-content\/word-image-13652-23-2048x748.png 2048w\" sizes=\"auto, (max-width: 2506px) 100vw, 2506px\" \/><\/a><\/p>\n<p>Surfaces<\/p>\n<p><a href=\"https:\/\/www.keris-studio.fr\/blog\/wp-content\/word-image-13652-24.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-13675 size-full\" src=\"https:\/\/www.keris-studio.fr\/blog\/wp-content\/word-image-13652-24.png\" alt=\"\" width=\"2700\" height=\"961\" srcset=\"https:\/\/www.keris-studio.fr\/blog\/wp-content\/word-image-13652-24.png 2700w, https:\/\/www.keris-studio.fr\/blog\/wp-content\/word-image-13652-24-300x107.png 300w, https:\/\/www.keris-studio.fr\/blog\/wp-content\/word-image-13652-24-1024x364.png 1024w, https:\/\/www.keris-studio.fr\/blog\/wp-content\/word-image-13652-24-768x273.png 768w, https:\/\/www.keris-studio.fr\/blog\/wp-content\/word-image-13652-24-1536x547.png 1536w, https:\/\/www.keris-studio.fr\/blog\/wp-content\/word-image-13652-24-2048x729.png 2048w\" sizes=\"auto, (max-width: 2700px) 100vw, 2700px\" \/><\/a><\/p>\n<p>In the end we see that this Pattern is the most important and can be repeated for each level.<\/p>\n<h1>Getting the shape.<\/h1>\n<p>This definition gives the most direct result, but we see on the real Bruno Taut project that, the shape is slightly different. It is because, all level don\u2019t derive directly from the previous one. Let\u2019s break it down.<\/p>\n<p>First we clean up a bit and hide what we don\u2019t want to see\u2026<\/p>\n<p>First, let\u2019s play with the shape.<\/p>\n<p><strong>This is Radius 10, number of sides 10<\/strong><\/p>\n<p><a href=\"https:\/\/www.keris-studio.fr\/blog\/wp-content\/word-image-13652-25.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-13676 size-full\" src=\"https:\/\/www.keris-studio.fr\/blog\/wp-content\/word-image-13652-25.png\" alt=\"\" width=\"2509\" height=\"991\" srcset=\"https:\/\/www.keris-studio.fr\/blog\/wp-content\/word-image-13652-25.png 2509w, https:\/\/www.keris-studio.fr\/blog\/wp-content\/word-image-13652-25-300x118.png 300w, https:\/\/www.keris-studio.fr\/blog\/wp-content\/word-image-13652-25-1024x404.png 1024w, https:\/\/www.keris-studio.fr\/blog\/wp-content\/word-image-13652-25-768x303.png 768w, https:\/\/www.keris-studio.fr\/blog\/wp-content\/word-image-13652-25-1536x607.png 1536w, https:\/\/www.keris-studio.fr\/blog\/wp-content\/word-image-13652-25-2048x809.png 2048w\" sizes=\"auto, (max-width: 2509px) 100vw, 2509px\" \/><\/a><\/p>\n<p><strong>This is Radius 20, number of sides 10<\/strong><\/p>\n<p><a href=\"https:\/\/www.keris-studio.fr\/blog\/wp-content\/word-image-13652-26.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-13677 size-full\" src=\"https:\/\/www.keris-studio.fr\/blog\/wp-content\/word-image-13652-26.png\" alt=\"\" width=\"2572\" height=\"998\" srcset=\"https:\/\/www.keris-studio.fr\/blog\/wp-content\/word-image-13652-26.png 2572w, https:\/\/www.keris-studio.fr\/blog\/wp-content\/word-image-13652-26-300x116.png 300w, https:\/\/www.keris-studio.fr\/blog\/wp-content\/word-image-13652-26-1024x397.png 1024w, https:\/\/www.keris-studio.fr\/blog\/wp-content\/word-image-13652-26-768x298.png 768w, https:\/\/www.keris-studio.fr\/blog\/wp-content\/word-image-13652-26-1536x596.png 1536w, https:\/\/www.keris-studio.fr\/blog\/wp-content\/word-image-13652-26-2048x795.png 2048w\" sizes=\"auto, (max-width: 2572px) 100vw, 2572px\" \/><\/a><\/p>\n<p><strong>This is Radius 10, number of sides 6<\/strong><\/p>\n<p><a href=\"https:\/\/www.keris-studio.fr\/blog\/wp-content\/word-image-13652-27.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-13678 size-full\" src=\"https:\/\/www.keris-studio.fr\/blog\/wp-content\/word-image-13652-27.png\" alt=\"\" width=\"2380\" height=\"993\" srcset=\"https:\/\/www.keris-studio.fr\/blog\/wp-content\/word-image-13652-27.png 2380w, https:\/\/www.keris-studio.fr\/blog\/wp-content\/word-image-13652-27-300x125.png 300w, https:\/\/www.keris-studio.fr\/blog\/wp-content\/word-image-13652-27-1024x427.png 1024w, https:\/\/www.keris-studio.fr\/blog\/wp-content\/word-image-13652-27-768x320.png 768w, https:\/\/www.keris-studio.fr\/blog\/wp-content\/word-image-13652-27-1536x641.png 1536w, https:\/\/www.keris-studio.fr\/blog\/wp-content\/word-image-13652-27-2048x854.png 2048w\" sizes=\"auto, (max-width: 2380px) 100vw, 2380px\" \/><\/a><\/p>\n<p>For a more important number of sides, we shall increase the number of levels.<\/p>\n<p><strong>This is Radius 10, number of sides 16<\/strong><\/p>\n<p><a href=\"https:\/\/www.keris-studio.fr\/blog\/wp-content\/word-image-13652-28.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-13679 size-full\" src=\"https:\/\/www.keris-studio.fr\/blog\/wp-content\/word-image-13652-28.png\" alt=\"\" width=\"2400\" height=\"1038\" srcset=\"https:\/\/www.keris-studio.fr\/blog\/wp-content\/word-image-13652-28.png 2400w, https:\/\/www.keris-studio.fr\/blog\/wp-content\/word-image-13652-28-300x130.png 300w, https:\/\/www.keris-studio.fr\/blog\/wp-content\/word-image-13652-28-1024x443.png 1024w, https:\/\/www.keris-studio.fr\/blog\/wp-content\/word-image-13652-28-768x332.png 768w, https:\/\/www.keris-studio.fr\/blog\/wp-content\/word-image-13652-28-1536x664.png 1536w, https:\/\/www.keris-studio.fr\/blog\/wp-content\/word-image-13652-28-2048x886.png 2048w\" sizes=\"auto, (max-width: 2400px) 100vw, 2400px\" \/><\/a><\/p>\n<p><em>If anyone knows how to repeat a pattern depending on a certain factor (like the number of sides) please tell me.<\/em><\/p>\n<p><strong>The real pavilion has 14 sides.<\/strong><\/p>\n<p><a href=\"https:\/\/www.keris-studio.fr\/blog\/wp-content\/word-image-13652-29.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-13680 size-full\" src=\"https:\/\/www.keris-studio.fr\/blog\/wp-content\/word-image-13652-29.png\" alt=\"\" width=\"2839\" height=\"1110\" srcset=\"https:\/\/www.keris-studio.fr\/blog\/wp-content\/word-image-13652-29.png 2839w, https:\/\/www.keris-studio.fr\/blog\/wp-content\/word-image-13652-29-300x117.png 300w, https:\/\/www.keris-studio.fr\/blog\/wp-content\/word-image-13652-29-1024x400.png 1024w, https:\/\/www.keris-studio.fr\/blog\/wp-content\/word-image-13652-29-768x300.png 768w, https:\/\/www.keris-studio.fr\/blog\/wp-content\/word-image-13652-29-1536x601.png 1536w, https:\/\/www.keris-studio.fr\/blog\/wp-content\/word-image-13652-29-2048x801.png 2048w\" sizes=\"auto, (max-width: 2839px) 100vw, 2839px\" \/><\/a><\/p>\n<p>But the bulb is not the same. Let\u2019s change the height of the first row\u2026<\/p>\n<p>That\u2019s better, some row will be added. Of course, as it is a parametric model, it\u2019s possible to play around with the parameters.<\/p>\n<p><a href=\"https:\/\/www.keris-studio.fr\/blog\/wp-content\/word-image-13652-30.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-13681 size-full\" src=\"https:\/\/www.keris-studio.fr\/blog\/wp-content\/word-image-13652-30.png\" alt=\"\" width=\"2544\" height=\"1107\" srcset=\"https:\/\/www.keris-studio.fr\/blog\/wp-content\/word-image-13652-30.png 2544w, https:\/\/www.keris-studio.fr\/blog\/wp-content\/word-image-13652-30-300x131.png 300w, https:\/\/www.keris-studio.fr\/blog\/wp-content\/word-image-13652-30-1024x446.png 1024w, https:\/\/www.keris-studio.fr\/blog\/wp-content\/word-image-13652-30-768x334.png 768w, https:\/\/www.keris-studio.fr\/blog\/wp-content\/word-image-13652-30-1536x668.png 1536w, https:\/\/www.keris-studio.fr\/blog\/wp-content\/word-image-13652-30-2048x891.png 2048w\" sizes=\"auto, (max-width: 2544px) 100vw, 2544px\" \/><\/a><\/p>\n<p>Two more pattern have been added to fit this height.<\/p>\n<p><a href=\"https:\/\/www.keris-studio.fr\/blog\/wp-content\/word-image-13652-31.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-13682 size-full\" src=\"https:\/\/www.keris-studio.fr\/blog\/wp-content\/word-image-13652-31.png\" alt=\"\" width=\"2989\" height=\"868\" srcset=\"https:\/\/www.keris-studio.fr\/blog\/wp-content\/word-image-13652-31.png 2989w, https:\/\/www.keris-studio.fr\/blog\/wp-content\/word-image-13652-31-300x87.png 300w, https:\/\/www.keris-studio.fr\/blog\/wp-content\/word-image-13652-31-1024x297.png 1024w, https:\/\/www.keris-studio.fr\/blog\/wp-content\/word-image-13652-31-768x223.png 768w, https:\/\/www.keris-studio.fr\/blog\/wp-content\/word-image-13652-31-1536x446.png 1536w, https:\/\/www.keris-studio.fr\/blog\/wp-content\/word-image-13652-31-2048x595.png 2048w\" sizes=\"auto, (max-width: 2989px) 100vw, 2989px\" \/><\/a><\/p>\n<p><strong>The configurator allows to play with the dimensions, great great tool in Beegraphy<\/strong><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" width=\"2244\" height=\"1141\" class=\"wp-image-13683\" src=\"https:\/\/www.keris-studio.fr\/blog\/wp-content\/word-image-13652-32.png\" srcset=\"https:\/\/www.keris-studio.fr\/blog\/wp-content\/word-image-13652-32.png 2244w, https:\/\/www.keris-studio.fr\/blog\/wp-content\/word-image-13652-32-300x153.png 300w, https:\/\/www.keris-studio.fr\/blog\/wp-content\/word-image-13652-32-1024x521.png 1024w, https:\/\/www.keris-studio.fr\/blog\/wp-content\/word-image-13652-32-768x391.png 768w, https:\/\/www.keris-studio.fr\/blog\/wp-content\/word-image-13652-32-1536x781.png 1536w, https:\/\/www.keris-studio.fr\/blog\/wp-content\/word-image-13652-32-2048x1041.png 2048w\" sizes=\"auto, (max-width: 2244px) 100vw, 2244px\" \/><\/p>\n<p>Play with it :<\/p>\n<p><a href=\"https:\/\/beegraphy.com\/embed\/64e39a29d4193068ea0668c6\" target=\"_blank\" rel=\"noopener\">https:\/\/beegraphy.com\/embed\/64e39a29d4193068ea0668c6<\/a><br \/>\n<iframe loading=\"lazy\" id=\"model-64e39a29d4193068ea0668c6\" width=\"800\" height=\"700\" src=\"https:\/\/beegraphy.com\/embed\/64e39a29d4193068ea0668c6\" frameborder=\"0\"\/><\/p>\n<p><a href=\"https:\/\/www.keris-studio.fr\/blog\/wp-content\/word-image-13652-33.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-13684 size-full\" src=\"https:\/\/www.keris-studio.fr\/blog\/wp-content\/word-image-13652-33.png\" alt=\"\" width=\"2218\" height=\"1041\" srcset=\"https:\/\/www.keris-studio.fr\/blog\/wp-content\/word-image-13652-33.png 2218w, https:\/\/www.keris-studio.fr\/blog\/wp-content\/word-image-13652-33-300x141.png 300w, https:\/\/www.keris-studio.fr\/blog\/wp-content\/word-image-13652-33-1024x481.png 1024w, https:\/\/www.keris-studio.fr\/blog\/wp-content\/word-image-13652-33-768x360.png 768w, https:\/\/www.keris-studio.fr\/blog\/wp-content\/word-image-13652-33-1536x721.png 1536w, https:\/\/www.keris-studio.fr\/blog\/wp-content\/word-image-13652-33-2048x961.png 2048w\" sizes=\"auto, (max-width: 2218px) 100vw, 2218px\" \/><\/a><\/p>\n<h1>Conclusion<\/h1>\n<p>We\u2019ve here a magic shape, very pleasant to view, hard to imagine how it has been drawn and built. Just for the fun of it, an article (<em>Nielsen D, Kumarasuriyar A. The lily, client and measure of Bruno Taut\u2019s Glashaus. Architectural Research Quarterly. 2014;18(3):257-266. doi:10.1017\/S1359135514000608<\/em>) presents the \u201cgeometric seed\u201d to draw the pavilion\u2026wow\u2026.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"783\" class=\"wp-image-13685\" src=\"https:\/\/www.keris-studio.fr\/blog\/wp-content\/https-www-researchgate-net-profile-david-nielsen.jpeg\" alt=\"https:\/\/www.researchgate.net\/profile\/David-Nielsen-4\/publication\/268805428\/figure\/fig7\/AS:702475350847490@1544494583213\/Overlaying-the-scaled-geometric-seeds-onto-a-section-and-elevation-of-the-Glashaus_W640.jpg\" srcset=\"https:\/\/www.keris-studio.fr\/blog\/wp-content\/https-www-researchgate-net-profile-david-nielsen.jpeg 640w, https:\/\/www.keris-studio.fr\/blog\/wp-content\/https-www-researchgate-net-profile-david-nielsen-245x300.jpeg 245w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/><\/p>\n<p><em>Overlaying the scaled &lsquo;geometric seeds&rsquo; onto a section and elevation of the Glashaus. by David Nielsen<\/em><\/p>\n<p>See also : <a href=\"https:\/\/visuallexicon.wordpress.com\/2017\/10\/03\/glass-pavilion-bruno-taut\/\" target=\"_blank\" rel=\"noopener\">https:\/\/visuallexicon.wordpress.com\/2017\/10\/03\/glass-pavilion-bruno-taut\/<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>The Glass Pavilion designed by Bruno Taut! It was a stunning prismatic glass dome structure built for the 1914 Cologne Deutscher Werkbund Exhibition. This pavilion showcased innovative construction materials and techniques, while also highlighting how glass could be utilized to evoke emotions and construct a spiritual utopia.<\/p>\n","protected":false},"author":2,"featured_media":13684,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[6,190,179,14,448,8],"tags":[584,535,586,588,234,589,587],"class_list":["post-13652","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-3d","category-architecture-2","category-articles","category-conception","category-grasshopper","category-methodologie","tag-algorithmic","tag-beegraphy","tag-bruno-taut","tag-glass-pavilion","tag-parametric","tag-pavillon","tag-taut"],"_links":{"self":[{"href":"https:\/\/www.keris-studio.fr\/blog\/index.php?rest_route=\/wp\/v2\/posts\/13652","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.keris-studio.fr\/blog\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.keris-studio.fr\/blog\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.keris-studio.fr\/blog\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.keris-studio.fr\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=13652"}],"version-history":[{"count":8,"href":"https:\/\/www.keris-studio.fr\/blog\/index.php?rest_route=\/wp\/v2\/posts\/13652\/revisions"}],"predecessor-version":[{"id":13697,"href":"https:\/\/www.keris-studio.fr\/blog\/index.php?rest_route=\/wp\/v2\/posts\/13652\/revisions\/13697"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.keris-studio.fr\/blog\/index.php?rest_route=\/wp\/v2\/media\/13684"}],"wp:attachment":[{"href":"https:\/\/www.keris-studio.fr\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=13652"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.keris-studio.fr\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=13652"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.keris-studio.fr\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=13652"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}