{"id":8996,"date":"2024-10-16T17:13:00","date_gmt":"2024-10-16T13:13:00","guid":{"rendered":"https:\/\/beegraphy.com\/blog\/?p=8996"},"modified":"2025-07-21T14:28:18","modified_gmt":"2025-07-21T10:28:18","slug":"twisting-tower-a","status":"publish","type":"post","link":"https:\/\/beegraphy.com\/blog\/twisting-tower-a\/","title":{"rendered":"BeeGraphy Tutorial 2 &#8211; Parametric Twisting Tower &#8211; Part A"},"content":{"rendered":"<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_75 ez-toc-wrap-left counter-hierarchy ez-toc-counter ez-toc-custom ez-toc-container-direction\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Table of Contents<\/p>\n<label for=\"ez-toc-cssicon-toggle-item-69e4a34ce018f\" class=\"ez-toc-cssicon-toggle-label\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #757575;color:#757575\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #757575;color:#757575\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/label><input type=\"checkbox\"  id=\"ez-toc-cssicon-toggle-item-69e4a34ce018f\" checked aria-label=\"Toggle\" \/><nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/beegraphy.com\/blog\/twisting-tower-a\/#Step-by-Step_Guide_Creating_a_Parametric_Twisting_Tower_with_BeeGraphy\" >Step-by-Step Guide: Creating a Parametric Twisting Tower with BeeGraphy<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/beegraphy.com\/blog\/twisting-tower-a\/#What_is_BeeGraphy\" >What is BeeGraphy?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/beegraphy.com\/blog\/twisting-tower-a\/#Data_Types_and_Structures_The_Core_of_Computational_Design\" >Data Types and Structures: The Core of Computational Design<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/beegraphy.com\/blog\/twisting-tower-a\/#Building_the_Base_The_First_Rectangle\" >Building the Base: The First Rectangle<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/beegraphy.com\/blog\/twisting-tower-a\/#Adding_Vertical_Movement_Stacking_Floors\" >Adding Vertical Movement: Stacking Floors<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/beegraphy.com\/blog\/twisting-tower-a\/#Generating_Multiple_Floors_Using_Lists\" >Generating Multiple Floors Using Lists<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/beegraphy.com\/blog\/twisting-tower-a\/#Adding_a_Twist_Rotating_the_Floors\" >Adding a Twist: Rotating the Floors<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/beegraphy.com\/blog\/twisting-tower-a\/#Bringing_It_All_Together\" >Bringing It All Together<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-9\" href=\"https:\/\/beegraphy.com\/blog\/twisting-tower-a\/#Call_to_Action\" >Call to Action<\/a><\/li><\/ul><\/li><\/ul><\/nav><\/div>\n<h2><span class=\"ez-toc-section\" id=\"Step-by-Step_Guide_Creating_a_Parametric_Twisting_Tower_with_BeeGraphy\"><\/span>Step-by-Step Guide: Creating a Parametric Twisting Tower with BeeGraphy<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><img fetchpriority=\"high\" decoding=\"async\" class=\"wp-image-8998 size-full aligncenter lazyload\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" data-src=\"https:\/\/beegraphy.com\/blog\/wp-content\/uploads\/2024\/09\/EaseUS_2024_09_23_23_17_41.png\" alt=\"BeeGraphy Tutorial 02 - Twisting Tower.\" width=\"742\" height=\"747\" data-sizes=\"auto\" data-srcset=\"https:\/\/beegraphy.com\/blog\/wp-content\/uploads\/2024\/09\/EaseUS_2024_09_23_23_17_41.png 742w, https:\/\/beegraphy.com\/blog\/wp-content\/uploads\/2024\/09\/EaseUS_2024_09_23_23_17_41-298x300.png 298w, https:\/\/beegraphy.com\/blog\/wp-content\/uploads\/2024\/09\/EaseUS_2024_09_23_23_17_41-150x150.png 150w, https:\/\/beegraphy.com\/blog\/wp-content\/uploads\/2024\/09\/EaseUS_2024_09_23_23_17_41-120x120.png 120w, https:\/\/beegraphy.com\/blog\/wp-content\/uploads\/2024\/09\/EaseUS_2024_09_23_23_17_41-20x20.png 20w\" sizes=\"(max-width: 742px) 100vw, 742px\" \/><\/p>\n<p>Welcome to the fascinating world of computational design! In this tutorial, we\u2019ll explore how to build a parametric twisting tower using <strong>BeeGraphy<\/strong>\u2014a user-friendly, cloud-based platform designed for parametric modeling. Whether you\u2019re a beginner or a seasoned designer, this step-by-step guide will help you understand the fundamentals of data types and structures while creating a visually stunning rotating tower.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"What_is_BeeGraphy\"><\/span>What is BeeGraphy?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>BeeGraphy is a powerful tool that enables designers to create parametric models, collaborate in real-time, and even share or sell their creations in a dedicated marketplace. This web-based platform makes computational design more accessible than ever, offering a collaborative and intuitive space for both professionals and enthusiasts. Our goal is to guide you through BeeGraphy\u2019s tools so that you can unlock your creativity in a structured, parametric way.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Data_Types_and_Structures_The_Core_of_Computational_Design\"><\/span>Data Types and Structures: The Core of Computational Design<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Before jumping into the creation of the tower, it&#8217;s essential to understand two critical components of computational design: <strong>data types<\/strong> and <strong>data structures<\/strong>.<\/p>\n<ul>\n<li><strong>Data Types<\/strong> define the kind of information you\u2019re working with. In this tutorial, we\u2019ll focus on a few key types:\n<ul>\n<li><strong>Number<\/strong>: Represents numerical values (e.g., 20, 3.14, -5).<\/li>\n<li><strong>Point<\/strong>: Marks a location in space with coordinates (e.g., 0,0,0).<\/li>\n<li><strong>Curve<\/strong>: Defines a continuous path, like a line or arc.<\/li>\n<li><strong>Plane<\/strong>: A two-dimensional surface extending infinitely.<\/li>\n<\/ul>\n<\/li>\n<li><strong>Data Structures<\/strong> help organize these data types. The most common structure we\u2019ll use is a <strong>list<\/strong>\u2014an ordered collection of items, such as numbers or points.<\/li>\n<\/ul>\n<h3><span class=\"ez-toc-section\" id=\"Building_the_Base_The_First_Rectangle\"><\/span>Building the Base: The First Rectangle<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>To kick things off, we\u2019ll start by creating the base of our tower. Using BeeGraphy\u2019s <strong>&#8220;Rectangle By Center&#8221;<\/strong> component, we can set up the foundation.<\/p>\n<ul>\n<li><strong>Origin<\/strong>: Center point of the rectangle (default: 0,0,0).<\/li>\n<li><strong>Width<\/strong>: 20 units.<\/li>\n<li><strong>Length<\/strong>: 20 units.<\/li>\n<\/ul>\n<p>This rectangle will act as the base of our tower. You can easily adjust the dimensions and see the changes in real-time\u2014one of the many benefits of BeeGraphy&#8217;s parametric design.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Adding_Vertical_Movement_Stacking_Floors\"><\/span>Adding Vertical Movement: Stacking Floors<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Next, we\u2019ll use the <strong>&#8220;Move&#8221;<\/strong> component to duplicate and stack multiple floors. By applying a vertical <strong>VectorZ<\/strong> (which defines movement in the Z-axis), we\u2019ll move our base rectangle upwards by 4 units.<\/p>\n<p>Each new rectangle will be a duplicate of the original but positioned 4 units above it. Unlike traditional CAD tools, where changes to the original object modify its structure, BeeGraphy creates independent copies, allowing for complex transformations without altering the base geometry.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Generating_Multiple_Floors_Using_Lists\"><\/span>Generating Multiple Floors Using Lists<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Manually creating each floor would be tedious, but BeeGraphy\u2019s <strong>&#8220;List Sequence&#8221;<\/strong> component simplifies the process. By generating a sequence of heights (0, 4, 8, 12\u2026), we can automatically create 10 floors with a consistent 4-unit gap between them.<\/p>\n<ul>\n<li><strong>Start<\/strong>: 0<\/li>\n<li><strong>Count<\/strong>: 10 (for 10 floors)<\/li>\n<li><strong>Step<\/strong>: 4 (the height difference between floors)<\/li>\n<\/ul>\n<p>This method produces a stack of 10 rectangles, each neatly positioned atop the other.<\/p>\n<p><img decoding=\"async\" class=\"size-full wp-image-9108 aligncenter lazyload\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" data-src=\"https:\/\/beegraphy.com\/blog\/wp-content\/uploads\/2024\/10\/vlcsnap-00001-1.png\" alt=\"Creating a tower\" width=\"1920\" height=\"1080\" data-sizes=\"auto\" data-srcset=\"https:\/\/beegraphy.com\/blog\/wp-content\/uploads\/2024\/10\/vlcsnap-00001-1.png 1920w, https:\/\/beegraphy.com\/blog\/wp-content\/uploads\/2024\/10\/vlcsnap-00001-1-300x169.png 300w, https:\/\/beegraphy.com\/blog\/wp-content\/uploads\/2024\/10\/vlcsnap-00001-1-1024x576.png 1024w, https:\/\/beegraphy.com\/blog\/wp-content\/uploads\/2024\/10\/vlcsnap-00001-1-768x432.png 768w, https:\/\/beegraphy.com\/blog\/wp-content\/uploads\/2024\/10\/vlcsnap-00001-1-1536x864.png 1536w, https:\/\/beegraphy.com\/blog\/wp-content\/uploads\/2024\/10\/vlcsnap-00001-1-800x450.png 800w, https:\/\/beegraphy.com\/blog\/wp-content\/uploads\/2024\/10\/vlcsnap-00001-1-20x11.png 20w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" \/><\/p>\n<h3><span class=\"ez-toc-section\" id=\"Adding_a_Twist_Rotating_the_Floors\"><\/span>Adding a Twist: Rotating the Floors<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Now for the fun part\u2014introducing a twist to our structure. The <strong>&#8220;Rotate&#8221;<\/strong> component will allow us to rotate each floor around its center. However, instead of rotating all floors by the same amount, we\u2019ll gradually increase the rotation using a <strong>List Sequence<\/strong>.<\/p>\n<ul>\n<li><strong>Angle<\/strong>: To rotate by 2 degrees, we\u2019ll use the <strong>&#8220;DegToRad&#8221;<\/strong> component to convert degrees into radians.<\/li>\n<li><strong>Center<\/strong>: The center of each rectangle, found using the <strong>&#8220;Centroid&#8221;<\/strong> component.<\/li>\n<\/ul>\n<p>By setting up a list of angles (0, 2, 4, 6\u2026), we\u2019ll rotate each floor slightly more than the one below it, creating the elegant twisting effect we\u2019re aiming for.<\/p>\n<p><img decoding=\"async\" class=\"size-full wp-image-9109 aligncenter lazyload\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" data-src=\"https:\/\/beegraphy.com\/blog\/wp-content\/uploads\/2024\/10\/vlcsnap-00002-1.png\" alt=\"Adding rotation to the tower\" width=\"1920\" height=\"1080\" data-sizes=\"auto\" data-srcset=\"https:\/\/beegraphy.com\/blog\/wp-content\/uploads\/2024\/10\/vlcsnap-00002-1.png 1920w, https:\/\/beegraphy.com\/blog\/wp-content\/uploads\/2024\/10\/vlcsnap-00002-1-300x169.png 300w, https:\/\/beegraphy.com\/blog\/wp-content\/uploads\/2024\/10\/vlcsnap-00002-1-1024x576.png 1024w, https:\/\/beegraphy.com\/blog\/wp-content\/uploads\/2024\/10\/vlcsnap-00002-1-768x432.png 768w, https:\/\/beegraphy.com\/blog\/wp-content\/uploads\/2024\/10\/vlcsnap-00002-1-1536x864.png 1536w, https:\/\/beegraphy.com\/blog\/wp-content\/uploads\/2024\/10\/vlcsnap-00002-1-800x450.png 800w, https:\/\/beegraphy.com\/blog\/wp-content\/uploads\/2024\/10\/vlcsnap-00002-1-20x11.png 20w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" \/><\/p>\n<h3><span class=\"ez-toc-section\" id=\"Bringing_It_All_Together\"><\/span>Bringing It All Together<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Congratulations\u2014you\u2019ve just built a parametric twisting tower! By combining data types, structures, and transformations, you\u2019ve experienced the power of computational design in BeeGraphy. The flexibility and efficiency of parametric design allow for endless creative possibilities.<\/p>\n<hr \/>\n<h3><span class=\"ez-toc-section\" id=\"Call_to_Action\"><\/span>Call to Action<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Ready to dive deeper into the world of parametric design? With <strong>BeeGraphy<\/strong>, the possibilities are endless. Explore more tutorials, experiment with advanced components, and even share your creations in our marketplace. Whether you\u2019re designing for architecture, art, or engineering, BeeGraphy is the ultimate tool for bringing your parametric ideas to life.<\/p>\n<p>Join the BeeGraphy community today at <a href=\"https:\/\/beegraphy.com\" target=\"_new\" rel=\"noopener\">beegraphy.com<\/a>, and start creating!<\/p>\n<p><iframe title=\"BeeGraphy Tutorial 02 - Parametric Twisting Tower\" width=\"1170\" height=\"658\" src=\"https:\/\/www.youtube.com\/embed\/tIzjevkehtE?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Step-by-Step Guide: Creating a Parametric Twisting Tower with BeeGraphy Welcome to the fascinating world of computational design! In this tutorial, we\u2019ll explore how to build a parametric twisting tower using BeeGraphy\u2014a user-friendly, cloud-based platform designed for parametric modeling. Whether you\u2019re a beginner or a seasoned designer, this step-by-step guide will help you understand the fundamentals [&hellip;]<\/p>\n","protected":false},"author":13,"featured_media":9115,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[423,4,417],"tags":[33,172,203,48,109,103,90,91,183,36],"class_list":["post-8996","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-algorithmic-modeling","category-parametric-design","category-tutorials","tag-3d-modeling","tag-algorithmic-design","tag-architectural-design","tag-architecture","tag-beegraphy","tag-beegraphy-tutorial","tag-computational-design","tag-online-computational-design","tag-parametric-architecture","tag-parametric-design"],"_links":{"self":[{"href":"https:\/\/beegraphy.com\/blog\/wp-json\/wp\/v2\/posts\/8996","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/beegraphy.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/beegraphy.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/beegraphy.com\/blog\/wp-json\/wp\/v2\/users\/13"}],"replies":[{"embeddable":true,"href":"https:\/\/beegraphy.com\/blog\/wp-json\/wp\/v2\/comments?post=8996"}],"version-history":[{"count":9,"href":"https:\/\/beegraphy.com\/blog\/wp-json\/wp\/v2\/posts\/8996\/revisions"}],"predecessor-version":[{"id":9668,"href":"https:\/\/beegraphy.com\/blog\/wp-json\/wp\/v2\/posts\/8996\/revisions\/9668"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/beegraphy.com\/blog\/wp-json\/wp\/v2\/media\/9115"}],"wp:attachment":[{"href":"https:\/\/beegraphy.com\/blog\/wp-json\/wp\/v2\/media?parent=8996"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/beegraphy.com\/blog\/wp-json\/wp\/v2\/categories?post=8996"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/beegraphy.com\/blog\/wp-json\/wp\/v2\/tags?post=8996"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}