{"id":13244,"date":"2019-07-26T12:31:18","date_gmt":"2019-07-26T12:31:18","guid":{"rendered":"https:\/\/visualarqv2.asuni.cloud\/?page_id=13244"},"modified":"2022-02-10T15:24:04","modified_gmt":"2022-02-10T15:24:04","slug":"beams","status":"publish","type":"page","link":"https:\/\/visualarqv2.instawp.xyz\/zh-hans\/learn\/grasshopper-styles\/beams\/","title":{"rendered":"Beams"},"content":{"rendered":"<h1>Beam Grasshopper Styles Tutorial<\/h1>\r\n\r\n<img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/visualarqv2.instawp.xyz\/wp-content\/uploads\/2019\/03\/GH-to-VA-Beam-Example.png\" alt=\"Comparison between the Grasshopper beam on the left and the VisualARQ beam on the right.\" width=\"486\" height=\"341\" class=\"alignright size-full wp-image-13447\" srcset=\"https:\/\/visualarqv2.instawp.xyz\/wp-content\/uploads\/2019\/03\/GH-to-VA-Beam-Example.png 486w, https:\/\/visualarqv2.instawp.xyz\/wp-content\/uploads\/2019\/03\/GH-to-VA-Beam-Example-300x210.png 300w\" sizes=\"(max-width: 486px) 100vw, 486px\" \/>\r\n\r\n<p>In this tutorial a parametric beam style from a Grasshopper definition will be created.<\/p>\r\n\r\n<p>The 3 main steps to follow are the same as in any other Grasshopper style:<\/p>\r\n\r\n<ol>\r\n  <li><strong><a href=\"#setup\">Grasshopper definition setup<\/a><\/strong><\/li>\r\n  <li><strong><a href=\"#create\">Create the VisualARQ beam style<\/a><\/strong><\/li>\r\n  <li><strong><a href=\"#edit\">Insert and edit a VisualARQ beam created from a Grasshopper style<\/a><\/strong><\/li>\r\n<\/ol>\r\n\r\n<hr class=\"separator\">\r\n\r\n<section id=\"setup\">\r\n\r\n  <h3>1. Grasshopper definition setup<\/h3>\r\n\r\n  <p>You can <a href=\"https:\/\/visualarq.s3.amazonaws.com\/files\/beam-from-profile-mm.gh\" download=\"\">download the complete Grasshopper file clicking here<\/a>.<\/p>\r\n\r\n  <p>Type <code>Grasshopper<\/code> in the Rhino Command line to launch Grasshopper.<\/p>\r\n\r\n  <ol>\r\n    <li>\r\n      <strong>Input parameters components<\/strong>:\r\n      <p>The input parameters are the values that will define the features of the resulting beam style.\r\n      In this case the Grasshopper definition requires at least one Curve input parameter that will define the beam path curve.\r\n      The input parameters are:<\/p>\r\n      <ul>\r\n        <li><strong>Curve parameter<\/strong>: used for the path curve of the beam.<\/li>\r\n        <li><strong>Curve parameter<\/strong>: used for the section profile of the beam.<\/li>\r\n        <li><strong>Numeric value (floating point)<\/strong>: used to specify the rotation of the beam profile.<\/li>\r\n      <\/ul>\r\n    <\/li>\r\n    <li>\r\n      <strong>Output components<\/strong>:\r\n      <p>The output components are those that will be read by VisualARQ as the different parts of an object style.<\/p>\r\n      <p>For this case, since there is only one piece of geometry, a single Geometry component is used.<\/p>\r\n    <\/li>\r\n  <\/ol>\r\n\r\n   <div id=\"attachment_13388\" style=\"width: 819px\" class=\"wp-caption aligncenter Mb-3em\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-13388\" src=\"https:\/\/visualarqv2.instawp.xyz\/wp-content\/uploads\/2019\/03\/BeamGHStyleDefinition.png\" alt=\"The beam Grasshopper style definition. On the left the three input parameters and on the right one geometry component as output.\" width=\"809\" height=\"273\" class=\"size-full wp-image-13388\" srcset=\"https:\/\/visualarqv2.instawp.xyz\/wp-content\/uploads\/2019\/03\/BeamGHStyleDefinition.png 809w, https:\/\/visualarqv2.instawp.xyz\/wp-content\/uploads\/2019\/03\/BeamGHStyleDefinition-300x101.png 300w, https:\/\/visualarqv2.instawp.xyz\/wp-content\/uploads\/2019\/03\/BeamGHStyleDefinition-768x259.png 768w\" sizes=\"(max-width: 809px) 100vw, 809px\" \/><p id=\"caption-attachment-13388\" class=\"wp-caption-text\">The Grasshopper definition that generates the beam.<\/p><\/div>\r\n\r\n<\/section>\r\n\r\n<hr class=\"separator\">\r\n\r\n<section id=\"create\">\r\n\r\n  <h3>2. Create the VisualARQ beam style<\/h3>\r\n\r\n  <p>In this case the Grasshopper style will be created and managed from the Beam Styles Properties dialog.<\/p>\r\n\r\n  <h4>2.1: Create the new style<\/h4>\r\n\r\n  <p>Assuming the Grasshopper definition (.gh file) is already done, open the beam styles dialog: <code>_vaBeamStyles<\/code>.<\/p>\r\n\r\n  <p class=\"Mb-2em\">Click on the <em>New&#8230;<\/em>\u00a0button and select the <strong>Grasshopper style<\/strong> option.<\/p>\r\n\r\n  <img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-13267 Mb-3em\" src=\"https:\/\/visualarqv2.instawp.xyz\/wp-content\/uploads\/2019\/03\/BeamStylesDialog.png\" alt=\"The beam styles dialog with the &quot;Grasshopper style&quot; option visible after clicking on the &quot;New...&quot; button.\" width=\"765\" height=\"537\" srcset=\"https:\/\/visualarqv2.instawp.xyz\/wp-content\/uploads\/2019\/03\/BeamStylesDialog.png 765w, https:\/\/visualarqv2.instawp.xyz\/wp-content\/uploads\/2019\/03\/BeamStylesDialog-300x211.png 300w\" sizes=\"(max-width: 765px) 100vw, 765px\" \/>\r\n\r\n  <p>The Grasshopper Style wizard will appear. This wizard will guide you through the steps to define the beam Grasshopper style parameters. The left side of the wizard will show a preview of the object style generated as soon as the required information is completed.<\/p>\r\n\r\n  <h4>2.2: Open the Grasshopper definition<\/h4>\r\n\r\n  <p class=\"Mb-2em\">Click on the <em>Browse<\/em> button to select the .gh file created before.<\/p>\r\n\r\n  <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/visualarqv2.instawp.xyz\/wp-content\/uploads\/2019\/06\/02-BeamGHStyleWizard.png\" alt=\"First step of the Beam Grasshopper Style Wizard. In this step the Grasshopper file is selected.\" width=\"816\" height=\"535\" class=\"aligncenter size-full wp-image-15799 Mb-3em\" srcset=\"https:\/\/visualarqv2.instawp.xyz\/wp-content\/uploads\/2019\/06\/02-BeamGHStyleWizard.png 816w, https:\/\/visualarqv2.instawp.xyz\/wp-content\/uploads\/2019\/06\/02-BeamGHStyleWizard-300x197.png 300w, https:\/\/visualarqv2.instawp.xyz\/wp-content\/uploads\/2019\/06\/02-BeamGHStyleWizard-768x504.png 768w\" sizes=\"(max-width: 816px) 100vw, 816px\" \/>\r\n\r\n  <h4>2.3: Configuration<\/h4>\r\n\r\n  <p>Set the Beam Grasshopper style global values:<\/p>\r\n\r\n  <ul class=\"Mb-2em\">\r\n    <li><strong>Style name<\/strong>: set the desired name.<\/li>\r\n    <li><strong>Definition units<\/strong>: in this case it has been prepared in millimeters.<\/li>\r\n    <li><strong>Path Curve<\/strong>: an input curve parameter component representing the path should be selected.<\/li>\r\n  <\/ul>\r\n\r\n  <img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-13321 Mb-3em\" src=\"https:\/\/visualarqv2.instawp.xyz\/wp-content\/uploads\/2019\/03\/BeamGHStyleWizard02-1.png\" alt=\"Second step of the Beam Grasshopper Style \r\n  Wizard. In this step the name, the units and the path curve of the Grasshopper file are selected.\" width=\"816\" height=\"535\" srcset=\"https:\/\/visualarqv2.instawp.xyz\/wp-content\/uploads\/2019\/03\/BeamGHStyleWizard02-1.png 816w, https:\/\/visualarqv2.instawp.xyz\/wp-content\/uploads\/2019\/03\/BeamGHStyleWizard02-1-300x197.png 300w, https:\/\/visualarqv2.instawp.xyz\/wp-content\/uploads\/2019\/03\/BeamGHStyleWizard02-1-768x504.png 768w\" sizes=\"(max-width: 816px) 100vw, 816px\" \/>\r\n\r\n  <h4>2.4: Geometry<\/h4>\r\n\r\n  <p>Specify which of the output geometry blocks to import into VisualARQ. The identifiers of these Geometry blocks are taken from the names of the output components in the Grasshopper definition and can be modified only once the style has been created.<\/p>\r\n\r\n  <p>Each component can be assigned to a different representation:<\/p>\r\n\r\n  <ul>\r\n    <li><strong>Model<\/strong>: the object representation in 3D.<\/li>\r\n    <li><strong>Plan<\/strong>: the object representation in plan view. It is visible when seeing the object in opt viewports with the Cut Plane enabled of the level where the object is placed. The object must intersect with the level cut plane height, otherwise you will need to change the <em>Plan visibility<\/em> setting of this object in the Properties panel.<\/li>\r\n  <\/ul>\r\n\r\n  <p class=\"Mb-2em\">In this case there is only one geometry output which is the Model representation. That means that the Plan representation will be taken from the horizontal section of the 3D element according to the level&#8217;s cut plane height.<\/p>\r\n\r\n  <img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-13314 Mb-3em\" src=\"https:\/\/visualarqv2.instawp.xyz\/wp-content\/uploads\/2019\/03\/BeamGHStyleWizard03.png\" alt=\"Third step of the Beam Grasshopper Style Wizard. In this step the geometry to be displayed and its representation is chosen.\" width=\"816\" height=\"535\" srcset=\"https:\/\/visualarqv2.instawp.xyz\/wp-content\/uploads\/2019\/03\/BeamGHStyleWizard03.png 816w, https:\/\/visualarqv2.instawp.xyz\/wp-content\/uploads\/2019\/03\/BeamGHStyleWizard03-300x197.png 300w, https:\/\/visualarqv2.instawp.xyz\/wp-content\/uploads\/2019\/03\/BeamGHStyleWizard03-768x504.png 768w\" sizes=\"(max-width: 816px) 100vw, 816px\" \/>\r\n\r\n  <h4>2.5: Parameters<\/h4>\r\n\r\n  <p>This step shows the settings available for the list of input parameters that define the beam style. In this case the possibility to &#8220;Filter by&#8221; is not relevant since in the Grasshopper definition there was just one single group for all the input parameters. The settings are:<\/p>\r\n\r\n  <p><strong>Name<\/strong>: it is the identifier of the parameter and can be modified if desired in this step.<\/p>\r\n\r\n  <p><strong>Editable by<\/strong>:<\/p>\r\n\r\n  <ul class=\"Mb-2em\">\r\n    <li><strong>Definition<\/strong>: the parameter will be hidden and it will keep the value from the Grasshopper definition.<\/li>\r\n    <li><strong>Style<\/strong>: the parameter can be edited only by style and the changes will apply to all elements in the model with that style.<\/li>\r\n    <li><strong>Object<\/strong>: allows to set a different value for that parameter for each beam in the model that has the same style.<\/li>\r\n  <\/ul>\r\n\r\n<p>You can change the <em>Editable by<\/em> value for several parameters by selecting them while holding the <kbd>Ctrl<\/kbd> key. <\/p>\r\n\r\n  <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/visualarqv2.instawp.xyz\/wp-content\/uploads\/2019\/03\/BeamGHStyleWizard04a.png\" alt=\"Fourth step of the Beam Grasshopper Style Wizard. In this step one of the settings is the \r\n  &quot;Editable by&quot;, which has a dropdown with three options.\" width=\"816\" height=\"535\" class=\"aligncenter size-full wp-image-13339 Mb-3em\" srcset=\"https:\/\/visualarqv2.instawp.xyz\/wp-content\/uploads\/2019\/03\/BeamGHStyleWizard04a.png 816w, https:\/\/visualarqv2.instawp.xyz\/wp-content\/uploads\/2019\/03\/BeamGHStyleWizard04a-300x197.png 300w, https:\/\/visualarqv2.instawp.xyz\/wp-content\/uploads\/2019\/03\/BeamGHStyleWizard04a-768x504.png 768w\" sizes=\"(max-width: 816px) 100vw, 816px\" \/>\r\n\r\n  <p class=\"Mb-2em\"><strong>Default<\/strong> (value): shows the default value for the input parameters which are the ones specified in the Grasshopper definition and lets you set different default values. In this case there is one input curve parameter (the beam profile) with an internalized curve. You can change it by clicking on the button <kbd>Pick one curve<\/kbd>. In case there was no internalized curve it would appear in red, indicating an unreferenced geometry and you would be requested to pick a curve to continue.<\/p>\r\n\r\n  <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/visualarqv2.instawp.xyz\/wp-content\/uploads\/2019\/03\/BeamGHStyleWizard04b.png\" alt=\"Fourth step of the Beam Grasshopper Style Wizard. In this step one of the settings is the \r\n  &quot;Default&quot;, in this case there are two types, numeric and geometric.\" width=\"816\" height=\"535\" class=\"aligncenter size-full wp-image-13347 Mb-3em\" srcset=\"https:\/\/visualarqv2.instawp.xyz\/wp-content\/uploads\/2019\/03\/BeamGHStyleWizard04b.png 816w, https:\/\/visualarqv2.instawp.xyz\/wp-content\/uploads\/2019\/03\/BeamGHStyleWizard04b-300x197.png 300w, https:\/\/visualarqv2.instawp.xyz\/wp-content\/uploads\/2019\/03\/BeamGHStyleWizard04b-768x504.png 768w\" sizes=\"(max-width: 816px) 100vw, 816px\" \/>\r\n\r\n  <p class=\"Mb-3em\"><strong>Type<\/strong>: shows the different types of values available for each kind of parameter. In this case we have a curve parameter which is automatically set and an angle one which should be set to Angle so it converts the radians from the Grasshopper definition to degrees.\r\nTo successfully be able to chose the Angle option and get the correct degrees value, in the Grasshopper definition a floating point number (a decimal) input parameter specifying the angle in radians should have been set.<\/p>\r\n\r\n  <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/visualarqv2.instawp.xyz\/wp-content\/uploads\/2019\/03\/BeamGHStyleWizard04c.png\" alt=\"Fourth step of the Beam Grasshopper Style Wizard. In this step one of the settings is the \r\n  &quot;Type&quot;, which depending on the kind of parameter offers several types to choose.\" width=\"816\" height=\"535\" class=\"aligncenter size-full wp-image-13354 Mb-3em\" srcset=\"https:\/\/visualarqv2.instawp.xyz\/wp-content\/uploads\/2019\/03\/BeamGHStyleWizard04c.png 816w, https:\/\/visualarqv2.instawp.xyz\/wp-content\/uploads\/2019\/03\/BeamGHStyleWizard04c-300x197.png 300w, https:\/\/visualarqv2.instawp.xyz\/wp-content\/uploads\/2019\/03\/BeamGHStyleWizard04c-768x504.png 768w\" sizes=\"(max-width: 816px) 100vw, 816px\" \/>\r\n\r\n<\/section>\r\n\r\n<hr class=\"separator\">\r\n\r\n<section id=\"edit\">\r\n\r\n  <h3>3. Insert and edit a VisualARQ beam created from the Grasshopper Beam Style<\/h3>\r\n\r\n  <h4>3.1 Edit the beam style<\/h4>\r\n\r\n  <p class=\"Mb-2em\">Once the Grasshopper style wizard is completed, the new style will appear in the beam styles list. To edit the style again, right-click on the style name to open the context menu and select <em>Edit<\/em>. This operation will open the Grasshopper style wizard again.\r\nThe parameters will be available under the &#8220;Parameters&#8221; tab and will appear grouped as in the Grasshopper definition. In case the name of the group matches an existing category they will appear in the same category.<\/p>\r\n\r\n  <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/visualarqv2.instawp.xyz\/wp-content\/uploads\/2019\/03\/BeamStylesDialogWithNewStyle.png\" alt=\"The beam styles dialog with the new beam style. When it is selected the parameters \r\n  appear under the &quot;Parameters&quot; section grouped as in the Grasshopper definition.\" width=\"765\" height=\"537\" class=\"aligncenter size-full wp-image-13365 Mb-3em\" srcset=\"https:\/\/visualarqv2.instawp.xyz\/wp-content\/uploads\/2019\/03\/BeamStylesDialogWithNewStyle.png 765w, https:\/\/visualarqv2.instawp.xyz\/wp-content\/uploads\/2019\/03\/BeamStylesDialogWithNewStyle-300x211.png 300w\" sizes=\"(max-width: 765px) 100vw, 765px\" \/>\r\n\r\n  <h4>3.2 Insert the Grasshopper style<\/h4>\r\n\r\n  <p class=\"Mb-3em\">Once the beam style is created, you will be able to insert an instance in the document and change the values of its parameters from the Properties panel VisualARQ section, as it works with any other VisualARQ object. Only those input parameters that were set as &#8220;Editable by Object&#8221; will appear.<\/p>\r\n\r\n  <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/visualarqv2.instawp.xyz\/wp-content\/uploads\/2019\/03\/InsertEditNewBeam.png\" alt=\"Example of a beam with the new style. The input parameters appear in the Properties panel \r\n  since they have been defined as editable \"by object\".\" width=\"761\" height=\"585\" class=\"aligncenter size-full wp-image-13372\" srcset=\"https:\/\/visualarqv2.instawp.xyz\/wp-content\/uploads\/2019\/03\/InsertEditNewBeam.png 761w, https:\/\/visualarqv2.instawp.xyz\/wp-content\/uploads\/2019\/03\/InsertEditNewBeam-300x231.png 300w\" sizes=\"(max-width: 761px) 100vw, 761px\" \/>\r\n\r\n<\/section>","protected":false},"excerpt":{"rendered":"<p>Beam Grasshopper Styles Tutorial In this tutorial a par [&hellip;]<\/p>\n","protected":false},"author":10,"featured_media":0,"parent":17653,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_et_pb_use_builder":"off","_et_pb_old_content":"<h1>Grasshopper Styles Help<\/h1>\r\n<img class=\"alignright size-full wp-image-13550\" src=\"https:\/\/visualarqv2.instawp.xyz\/wp-content\/uploads\/sites\/2\/2017\/04\/GH-to-VA-Column.jpg\" alt=\"GH to VA Column\" width=\"400\" height=\"281\" \/>\r\nThe Grasshopper Styles are those VisualARQ object styles created from Grasshopper definitions.\r\nYou need\u00a0to have <a href=\"https:\/\/www.grasshopper3d.com\/\">Grasshopper<\/a> installed.\r\n\r\nThe process of generating and using a Grasshopper style can be defined in 3 steps:\r\n\r\n<ol>\r\n<li><b><a href=\"\/?page_id=21109#Setup\">Grasshopper definition setup<\/a><\/b><\/li>\r\n<li><b><a href=\"\/?page_id=21109#Create\">Create the VisualARQ object style<\/a><\/b><\/li>\r\n<li><b><a href=\"\/?page_id=21109#Edit\">Insert and edit a VisualARQ object created from a Grasshopper style<\/a><\/b><\/li>\r\n<\/ol>\r\n\r\nIn the example below we will create a parametric \"Column style\" from a Grasshopper definition.\r\n\r\n<p>[separator]<\/p>\r\n<a name=\"Setup\" \/>\r\n<h3>1. Grasshopper definition setup<\/h3>\r\nType <em>Grasshopper<\/em> in the Rhino Command line to launch Grasshopper.\r\n\r\nIn order to use a Grasshopper definition for creating a VisualARQ object, you need:\r\n\r\n<ul>\r\n<li><b>1. Input parameters<\/b>:<\/br>The input parameters are the values that will define the features of the resulting object. Input parameters can be Geometric data, Numeric values, Value Lists, Boolean toggles or Texts.<\/li>\r\n\r\n<li><b>2. Output Param Components<\/b>:<\/br>Output params are those components that will be read by VisualARQ as the different parts (components) of an object style.\r\n<ul>\r\n   <li><img class=\"alignnone size-full wp-image-13528\" src=\"https:\/\/visualarqv2.instawp.xyz\/wp-content\/uploads\/sites\/2\/2017\/04\/Geometry-Param.png\" alt=\"Geometry Param\" width=\"66\" height=\"29\" \/> <b>Geometry Param<\/b> <em>(Params > Geometry > Geometry)<\/em>: Component for geometric elements.<\/li>\r\n   <li><img class=\"alignnone size-full wp-image-13529\" src=\"https:\/\/visualarqv2.instawp.xyz\/wp-content\/uploads\/sites\/2\/2017\/04\/Text-Param.png\" alt=\"Text Param\" width=\"66\" height=\"30\" \/> <b>Text Param<\/b> <em>(Params > Geometry > Text): Component for Text elements<\/li>\r\n   <li><img src=\"https:\/\/visualarqv2.instawp.xyz\/wp-content\/uploads\/sites\/2\/2017\/08\/Hatch-Param.png\" alt=\"\" width=\"65\" height=\"29\" class=\"alignnone size-full wp-image-21113\" \/> <b>Hatch Param<\/b> <em>(Params > Geometry > Hatch): Component for Hatch elements<\/li>\r\n<\/ul>\r\n<\/li>\r\n<\/ul>\r\n\r\nIn the example below we will create a parametric \"Column style\" from the following Grasshopper definition. It's a simple column with a circular profile that will be defined with the following parameters:\r\n<ul>\r\n\t<li>Height<\/li>\r\n\t<li>Bottom Radius<\/li>\r\n\t<li>Top Radius<\/li>\r\n<\/ul>\r\n\r\n[caption id=\"attachment_21129\" align=\"aligncenter\" width=\"765\"]<img src=\"https:\/\/visualarqv2.instawp.xyz\/wp-content\/uploads\/sites\/2\/2017\/08\/Column-GH.png\" alt=\"\" width=\"765\" height=\"250\" class=\"size-full wp-image-21129\" \/> Example of a definition that generates a Column[\/caption]\r\n\r\n<p>[separator]<\/p>\r\n<a name=\"Create\" \/>\r\n<h3>2. Create the VisualARQ object style<\/h3>\r\nThe Grasshopper styles are created and managed from the Style Properties dialog for each one of the following objects: Beam, Column, Window, Door, Opening, Stair, Railing, Slab, Roof, Furniture, Element and Annotation.\r\n\r\n<h4>2.1: Create the new style<\/h4>\r\nAssuming the Grasshopper definition <em>(.gh file)<\/em> is already done, open the object styles dialog of the desired object type: <b>vaColumnStyles<\/b>.\r\n\r\nClick on the <em>New Style...<\/em>\u00a0button and select the <b>Grasshopper style<\/b> option.\r\n\r\n<img class=\"aligncenter size-full wp-image-13533\" src=\"https:\/\/visualarqv2.instawp.xyz\/wp-content\/uploads\/sites\/2\/2017\/04\/Column-Styles-dialog-New-button.png\" alt=\"Column Styles dialog New button\" width=\"691\" height=\"475\" \/>\r\n\r\nThe Grasshopper Style wizard will appear. This wizard will guide you through the steps to define the Grasshopper style parameters. The left side of the wizard shows a preview of the object style generated as soon as the required information is completed.\r\n<h4>2.2: Open the Grasshopper definition<\/h4>\r\nClick on the <em>Browse<\/em> button to select the .gh file created before.\r\n\r\n<img class=\"aligncenter size-full wp-image-13535\" src=\"https:\/\/visualarqv2.instawp.xyz\/wp-content\/uploads\/sites\/2\/2017\/04\/Grasshopper-Style-Wizard-1.png\" alt=\"Grasshopper Style Wizard 1\" width=\"700\" height=\"463\" \/>\r\n\r\n<h4>2.3: Configuration<\/h4>\r\nSet the Grasshopper style global values:\r\n<ul>\r\n\t<li>Style name<\/li>\r\n\t<li>Definition units<\/li>\r\n\t<li>Insert point, path or profile curves (read below).<\/li>\r\n<\/ul>\r\nDepending on the object type and the input parameters, this step may require to specify the point or curve detected in the definition to perform as the object insert point, the object path curve, or the object profile.\r\n<ul>\r\n\t<li><b>Insert point<\/b>: for the Column, Furniture, Element and Annotation objects. If the <em>None<\/em> option is selected, the insert point of the object is referenced from the Origin coordinates (0,0,0) in the Grasshopper definition.<\/li>\r\n\t<li><b>Path curve<\/b>: for the Beam and Railing objects.<\/li>\r\n\t<li><b>Profile<\/b>: for the Window, Door and Opening objects. When the Auto option is selected, the bounding box of the dynamic block will perform as the cutting volume when this object is inserted in a wall.<\/li>\r\n<\/ul>\r\n\r\n<img class=\"aligncenter size-full wp-image-13536\" src=\"https:\/\/visualarqv2.instawp.xyz\/wp-content\/uploads\/sites\/2\/2017\/04\/Grasshopper-Style-Wizard-2.png\" alt=\"Grasshopper Style Wizard 2\" width=\"700\" height=\"463\" \/>\r\n<h4>2.4: Geometry<\/h4>\r\nSpecify which of the geometry blocks you want to import to VisualARQ. The names of these geometry blocks are taken from the name of the Geometry Params in the Grasshopper definition.\r\n<img class=\"aligncenter size-full wp-image-13537\" src=\"https:\/\/visualarqv2.instawp.xyz\/wp-content\/uploads\/sites\/2\/2017\/04\/Grasshopper-Style-Wizard-3.png\" alt=\"Grasshopper Style Wizard 3\" width=\"700\" height=\"463\" \/>\r\n\r\n\u00a0\r\n<h3>2.5: Parameters<\/h3>\r\nThis step shows the list of input parameters that define the object style. These parameters can be numeric values or referenced geometry in the Grasshopper definition. Choose which of these parameters you want to import to VisualARQ and their settings:\r\n<ul>\r\n\t<li><strong>Editable by<\/strong>:\r\n<ul>\r\n\t<li><strong>Definition<\/strong>: the parameter will be hidden in the VisualARQ style and properties dialogs.<\/li>\r\n\t<li><strong>Object<\/strong>: the parameter can be edited separately for each element with that style in the model. However, parameters editable <em>\"by object\"<\/em> can also take the value defined <em>\"by style\"<\/em>.<\/li>\r\n\t<li><strong>Style<\/strong>: the parameter can be edited by style, so the changes will apply to all elements with that style.<\/li>\r\n<\/ul>\r\n<\/li>\r\n\t<li><strong>Default<\/strong>: shows the default value. Unreferenced geometry will show up in red color. You will need to click on the button and pick the object in Rhino before moving forward.<\/li>\r\n\t<li><strong>Type<\/strong>: shows the different types of values.<\/li>\r\n<\/ul>\r\nThe list of parameters displayed can be filtered by groups, in case they are located inside groups in the Grasshopper definition.\r\n\r\nYou can change the <em>Editable by<\/em> and <em>Type<\/em> settings at once from a multiple selection of parameters.\r\n\r\n<img class=\"aligncenter size-full wp-image-13538\" src=\"https:\/\/visualarqv2.instawp.xyz\/wp-content\/uploads\/sites\/2\/2017\/04\/Grasshopper-Style-Wizard-4.png\" alt=\"Grasshopper Style Wizard 4\" width=\"702\" height=\"465\" \/>\r\n\r\n<p>[separator]<\/p>\r\n<a name=\"Edit\" \/>\r\n<h3>3. Insert and edit a VisualARQ object created from a Grasshopper style<\/h3>\r\n<h4>Edit the style<\/h4>\r\nOnce the grasshopper style wizard is completed, the new style will appear in the object styles list. To edit the style again, right-click on the style name to open the context menu and select <strong>Edit<\/strong>. This operation will open the Grasshopper style wizard again.\r\n\r\n<img class=\"aligncenter size-full wp-image-13534\" src=\"https:\/\/visualarqv2.instawp.xyz\/wp-content\/uploads\/sites\/2\/2017\/04\/Custom-Column-Style-done.png\" alt=\"Custom Column Style done\" width=\"668\" height=\"454\" \/>\r\n<h4>Insert the Grasshopper style<\/h4>\r\nOnce the object style is created, you will be able to insert it in the model and change its parameters in the VisualARQ Properties section (in Rhino Properties\r\nPanel, as any other regular VisualARQ object). Only those input parameters editable \"by Object\" will appear in the Properties panel. \r\n\r\n<img class=\"aligncenter size-full wp-image-13532\" src=\"https:\/\/visualarqv2.instawp.xyz\/wp-content\/uploads\/sites\/2\/2017\/04\/Column-and-Properties-panel.png\" alt=\"Column and Properties panel\" width=\"620\" height=\"520\" \/>","_et_gb_content_width":"","_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"class_list":["post-13244","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v23.3 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Beams - VisualARQ<\/title>\n<meta name=\"description\" content=\"Learn how to create a VisualARQ custom beam style from a Grasshopper definition. In this tutorial all the steps will be explained in detail.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/visualarqv2.instawp.xyz\/zh-hans\/learn\/grasshopper-styles\/beams\/\" \/>\n<meta property=\"og:locale\" content=\"zh_CN\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Beams - VisualARQ\" \/>\n<meta property=\"og:description\" content=\"Learn how to create a VisualARQ custom beam style from a Grasshopper definition. In this tutorial all the steps will be explained in detail.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/visualarqv2.instawp.xyz\/zh-hans\/learn\/grasshopper-styles\/beams\/\" \/>\n<meta property=\"og:site_name\" content=\"VisualARQ\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/visualarq\" \/>\n<meta property=\"article:modified_time\" content=\"2022-02-10T15:24:04+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/visualarqv2.instawp.xyz\/wp-content\/uploads\/2019\/03\/GH-to-VA-Beam-Example.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@VisualARQ\" \/>\n<meta name=\"twitter:label1\" content=\"\u9884\u8ba1\u9605\u8bfb\u65f6\u95f4\" \/>\n\t<meta name=\"twitter:data1\" content=\"5 \u5206\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/visualarqv2.instawp.xyz\/zh-hans\/learn\/grasshopper-styles\/beams\/\",\"url\":\"https:\/\/visualarqv2.instawp.xyz\/zh-hans\/learn\/grasshopper-styles\/beams\/\",\"name\":\"Beams - VisualARQ\",\"isPartOf\":{\"@id\":\"https:\/\/visualarqv2.instawp.xyz\/zh-hans\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/visualarqv2.instawp.xyz\/zh-hans\/learn\/grasshopper-styles\/beams\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/visualarqv2.instawp.xyz\/zh-hans\/learn\/grasshopper-styles\/beams\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/visualarqv2.instawp.xyz\/wp-content\/uploads\/2019\/03\/GH-to-VA-Beam-Example.png\",\"datePublished\":\"2019-07-26T12:31:18+00:00\",\"dateModified\":\"2022-02-10T15:24:04+00:00\",\"description\":\"Learn how to create a VisualARQ custom beam style from a Grasshopper definition. In this tutorial all the steps will be explained in detail.\",\"breadcrumb\":{\"@id\":\"https:\/\/visualarqv2.instawp.xyz\/zh-hans\/learn\/grasshopper-styles\/beams\/#breadcrumb\"},\"inLanguage\":\"zh-Hans\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/visualarqv2.instawp.xyz\/zh-hans\/learn\/grasshopper-styles\/beams\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"zh-Hans\",\"@id\":\"https:\/\/visualarqv2.instawp.xyz\/zh-hans\/learn\/grasshopper-styles\/beams\/#primaryimage\",\"url\":\"https:\/\/visualarqv2.instawp.xyz\/wp-content\/uploads\/2019\/03\/GH-to-VA-Beam-Example.png\",\"contentUrl\":\"https:\/\/visualarqv2.instawp.xyz\/wp-content\/uploads\/2019\/03\/GH-to-VA-Beam-Example.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/visualarqv2.instawp.xyz\/zh-hans\/learn\/grasshopper-styles\/beams\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/visualarqv2.instawp.xyz\/zh-hans\/home2\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"\u5b66\u4e60\",\"item\":\"https:\/\/visualarqv2.instawp.xyz\/zh-hans\/learn\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Grasshopper \u6837\u5f0f\",\"item\":\"https:\/\/visualarqv2.instawp.xyz\/zh-hans\/learn\/grasshopper-styles\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"Beams\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/visualarqv2.instawp.xyz\/zh-hans\/#website\",\"url\":\"https:\/\/visualarqv2.instawp.xyz\/zh-hans\/\",\"name\":\"VisualARQ\",\"description\":\"Flexible BIM for Rhino\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/visualarqv2.instawp.xyz\/zh-hans\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"zh-Hans\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Beams - VisualARQ","description":"Learn how to create a VisualARQ custom beam style from a Grasshopper definition. In this tutorial all the steps will be explained in detail.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/visualarqv2.instawp.xyz\/zh-hans\/learn\/grasshopper-styles\/beams\/","og_locale":"zh_CN","og_type":"article","og_title":"Beams - VisualARQ","og_description":"Learn how to create a VisualARQ custom beam style from a Grasshopper definition. In this tutorial all the steps will be explained in detail.","og_url":"https:\/\/visualarqv2.instawp.xyz\/zh-hans\/learn\/grasshopper-styles\/beams\/","og_site_name":"VisualARQ","article_publisher":"https:\/\/www.facebook.com\/visualarq","article_modified_time":"2022-02-10T15:24:04+00:00","og_image":[{"url":"https:\/\/visualarqv2.instawp.xyz\/wp-content\/uploads\/2019\/03\/GH-to-VA-Beam-Example.png"}],"twitter_card":"summary_large_image","twitter_site":"@VisualARQ","twitter_misc":{"\u9884\u8ba1\u9605\u8bfb\u65f6\u95f4":"5 \u5206"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/visualarqv2.instawp.xyz\/zh-hans\/learn\/grasshopper-styles\/beams\/","url":"https:\/\/visualarqv2.instawp.xyz\/zh-hans\/learn\/grasshopper-styles\/beams\/","name":"Beams - VisualARQ","isPartOf":{"@id":"https:\/\/visualarqv2.instawp.xyz\/zh-hans\/#website"},"primaryImageOfPage":{"@id":"https:\/\/visualarqv2.instawp.xyz\/zh-hans\/learn\/grasshopper-styles\/beams\/#primaryimage"},"image":{"@id":"https:\/\/visualarqv2.instawp.xyz\/zh-hans\/learn\/grasshopper-styles\/beams\/#primaryimage"},"thumbnailUrl":"https:\/\/visualarqv2.instawp.xyz\/wp-content\/uploads\/2019\/03\/GH-to-VA-Beam-Example.png","datePublished":"2019-07-26T12:31:18+00:00","dateModified":"2022-02-10T15:24:04+00:00","description":"Learn how to create a VisualARQ custom beam style from a Grasshopper definition. In this tutorial all the steps will be explained in detail.","breadcrumb":{"@id":"https:\/\/visualarqv2.instawp.xyz\/zh-hans\/learn\/grasshopper-styles\/beams\/#breadcrumb"},"inLanguage":"zh-Hans","potentialAction":[{"@type":"ReadAction","target":["https:\/\/visualarqv2.instawp.xyz\/zh-hans\/learn\/grasshopper-styles\/beams\/"]}]},{"@type":"ImageObject","inLanguage":"zh-Hans","@id":"https:\/\/visualarqv2.instawp.xyz\/zh-hans\/learn\/grasshopper-styles\/beams\/#primaryimage","url":"https:\/\/visualarqv2.instawp.xyz\/wp-content\/uploads\/2019\/03\/GH-to-VA-Beam-Example.png","contentUrl":"https:\/\/visualarqv2.instawp.xyz\/wp-content\/uploads\/2019\/03\/GH-to-VA-Beam-Example.png"},{"@type":"BreadcrumbList","@id":"https:\/\/visualarqv2.instawp.xyz\/zh-hans\/learn\/grasshopper-styles\/beams\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/visualarqv2.instawp.xyz\/zh-hans\/home2\/"},{"@type":"ListItem","position":2,"name":"\u5b66\u4e60","item":"https:\/\/visualarqv2.instawp.xyz\/zh-hans\/learn\/"},{"@type":"ListItem","position":3,"name":"Grasshopper \u6837\u5f0f","item":"https:\/\/visualarqv2.instawp.xyz\/zh-hans\/learn\/grasshopper-styles\/"},{"@type":"ListItem","position":4,"name":"Beams"}]},{"@type":"WebSite","@id":"https:\/\/visualarqv2.instawp.xyz\/zh-hans\/#website","url":"https:\/\/visualarqv2.instawp.xyz\/zh-hans\/","name":"VisualARQ","description":"Flexible BIM for Rhino","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/visualarqv2.instawp.xyz\/zh-hans\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"zh-Hans"}]}},"_links":{"self":[{"href":"https:\/\/visualarqv2.instawp.xyz\/zh-hans\/wp-json\/wp\/v2\/pages\/13244"}],"collection":[{"href":"https:\/\/visualarqv2.instawp.xyz\/zh-hans\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/visualarqv2.instawp.xyz\/zh-hans\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/visualarqv2.instawp.xyz\/zh-hans\/wp-json\/wp\/v2\/users\/10"}],"replies":[{"embeddable":true,"href":"https:\/\/visualarqv2.instawp.xyz\/zh-hans\/wp-json\/wp\/v2\/comments?post=13244"}],"version-history":[{"count":1,"href":"https:\/\/visualarqv2.instawp.xyz\/zh-hans\/wp-json\/wp\/v2\/pages\/13244\/revisions"}],"predecessor-version":[{"id":25401,"href":"https:\/\/visualarqv2.instawp.xyz\/zh-hans\/wp-json\/wp\/v2\/pages\/13244\/revisions\/25401"}],"up":[{"embeddable":true,"href":"https:\/\/visualarqv2.instawp.xyz\/zh-hans\/wp-json\/wp\/v2\/pages\/17653"}],"wp:attachment":[{"href":"https:\/\/visualarqv2.instawp.xyz\/zh-hans\/wp-json\/wp\/v2\/media?parent=13244"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}