{"id":15492,"date":"2019-07-26T12:33:57","date_gmt":"2019-07-26T12:33:57","guid":{"rendered":"https:\/\/visualarqv2.asuni.cloud\/?page_id=15492"},"modified":"2022-02-10T15:22:51","modified_gmt":"2022-02-10T15:22:51","slug":"railings","status":"publish","type":"page","link":"https:\/\/visualarqv2.instawp.xyz\/fr\/learn\/grasshopper-styles\/railings\/","title":{"rendered":"Railings"},"content":{"rendered":"<h1>Railing Grasshopper Styles Tutorial<\/h1>\r\n\r\n<img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/visualarqv2.instawp.xyz\/wp-content\/uploads\/2019\/06\/GH-to-VA-Railing-Example.png\" alt=\"Comparison between the Grasshopper railing on the left and the VisualARQ railing on the right.\" width=\"480\" height=\"450\" class=\"alignright size-full wp-image-15514\" srcset=\"https:\/\/visualarqv2.instawp.xyz\/wp-content\/uploads\/2019\/06\/GH-to-VA-Railing-Example.png 480w, https:\/\/visualarqv2.instawp.xyz\/wp-content\/uploads\/2019\/06\/GH-to-VA-Railing-Example-300x281.png 300w\" sizes=\"(max-width: 480px) 100vw, 480px\" \/>\r\n\r\n<p>In this tutorial a parametric railing 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 railing style<\/a><\/strong><\/li>\r\n  <li><strong><a href=\"#edit\">Insert and edit a VisualARQ railing 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:\/\/visualarqv2.instawp.xyz\/wp-content\/uploads\/2019\/06\/Railing-custom-baluster-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>They define the values of the resulting railing style. Railings require a Curve input parameter as their path curve. In this example we can find the following kind of input parameters:<\/p>\r\n      <ul>\r\n        <li><strong>Brep parameter<\/strong>: used for the baluster geometry of the railing.<\/li>\r\n        <li><strong>Curve parameter<\/strong>: used for the path curve of the railing.<\/li>\r\n        <li><strong>Numeric value (floating point)<\/strong>: used to specify the distance of the free space between the balusters.<\/li>\r\n      <\/ul>\r\n    <\/li>\r\n    <li>\r\n      <strong>Output components<\/strong>:\r\n      <p>They are the \u201cending\u201d components. They need to be <strong>Geometry Params<\/strong> that are no further connected to any other components. They will be read by VisualARQ as the different parts of the railing style. In this case all geometry is collected by a single <strong>Brep Param<\/strong> component.<\/p>\r\n    <\/li>\r\n  <\/ol>\r\n\r\n  <p class=\"Mb-2em\">The complete Grasshopper definition is shown in the image below:<\/p>\r\n\r\n  <div id=\"attachment_15521\" style=\"width: 768px\" class=\"wp-caption aligncenter Mb-3em\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-15521\" src=\"https:\/\/visualarqv2.instawp.xyz\/wp-content\/uploads\/2019\/06\/RailingGHStyleDefinition.png\" alt=\"The railing Grasshopper style definition. On the left the various input parameters and on the right the brep component as output.\" width=\"758\" height=\"249\" class=\"size-full wp-image-15521\" srcset=\"https:\/\/visualarqv2.instawp.xyz\/wp-content\/uploads\/2019\/06\/RailingGHStyleDefinition.png 758w, https:\/\/visualarqv2.instawp.xyz\/wp-content\/uploads\/2019\/06\/RailingGHStyleDefinition-300x99.png 300w\" sizes=\"(max-width: 758px) 100vw, 758px\" \/><p id=\"caption-attachment-15521\" class=\"wp-caption-text\">The Grasshopper definition that generates the railing.<\/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 railing style<\/h3>\r\n\r\n  <p>In this case the Grasshopper style will be created and managed from the Railing 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 railing styles dialog: <code>_vaRailingStyles<\/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\" src=\"https:\/\/visualarqv2.instawp.xyz\/wp-content\/uploads\/2019\/06\/01-RailingStylesDialog.png\" alt=\"The railing styles dialog with the &quot;Grasshopper style&quot; option visible after clicking on the &quot;New...&quot; button.\" width=\"766\" height=\"537\" class=\"aligncenter size-full wp-image-15535 Mb-3em\" srcset=\"https:\/\/visualarqv2.instawp.xyz\/wp-content\/uploads\/2019\/06\/01-RailingStylesDialog.png 766w, https:\/\/visualarqv2.instawp.xyz\/wp-content\/uploads\/2019\/06\/01-RailingStylesDialog-300x210.png 300w\" sizes=\"(max-width: 766px) 100vw, 766px\" \/>\r\n\r\n  <p>The Grasshopper Style wizard will appear. This wizard will guide you through the steps to define the railing 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-RailingGHStyleWizard.png\" alt=\"First step of the Railing Grasshopper Style Wizard. In this step the Grasshopper file is selected.\" width=\"816\" height=\"535\" class=\"aligncenter size-full wp-image-15542 Mb-3em\" srcset=\"https:\/\/visualarqv2.instawp.xyz\/wp-content\/uploads\/2019\/06\/02-RailingGHStyleWizard.png 816w, https:\/\/visualarqv2.instawp.xyz\/wp-content\/uploads\/2019\/06\/02-RailingGHStyleWizard-300x197.png 300w, https:\/\/visualarqv2.instawp.xyz\/wp-content\/uploads\/2019\/06\/02-RailingGHStyleWizard-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 Railing Grasshopper style global values:<\/p>\r\n\r\n  <ul class=\"Mb-2em\">\r\n    <li><strong>Style name<\/strong><\/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>: a Curve or Geometry parameter component representing the path should be selected. The name displayed in the list is the one assigned to that component in the Grasshopper file.<\/li>\r\n  <\/ul>\r\n\r\n  <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/visualarqv2.instawp.xyz\/wp-content\/uploads\/2019\/06\/03-RailingGHStyleWizardi.png\" alt=\"Second step of the Railing Grasshopper Style Wizard. In this step the name, the units and the Path Curve from the Grasshopper file are selected.\" width=\"816\" height=\"535\" class=\"aligncenter size-full wp-image-15549 Mb-3em\" srcset=\"https:\/\/visualarqv2.instawp.xyz\/wp-content\/uploads\/2019\/06\/03-RailingGHStyleWizardi.png 816w, https:\/\/visualarqv2.instawp.xyz\/wp-content\/uploads\/2019\/06\/03-RailingGHStyleWizardi-300x197.png 300w, https:\/\/visualarqv2.instawp.xyz\/wp-content\/uploads\/2019\/06\/03-RailingGHStyleWizardi-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 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. Visible when the Cut Plane of the level where the object is placed is enabled and intersects the object.<\/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 elements according to the level&rsquo;s cut plane height.<\/p>\r\n\r\n  <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/visualarqv2.instawp.xyz\/wp-content\/uploads\/2019\/06\/04-RailingGHStyleWizard.png\" alt=\"Third step of the Railing Grasshopper Style Wizard. In this step the geometry to be displayed and its representation is chosen.\" width=\"816\" height=\"535\" class=\"aligncenter size-full wp-image-15557 Mb-3em\" srcset=\"https:\/\/visualarqv2.instawp.xyz\/wp-content\/uploads\/2019\/06\/04-RailingGHStyleWizard.png 816w, https:\/\/visualarqv2.instawp.xyz\/wp-content\/uploads\/2019\/06\/04-RailingGHStyleWizard-300x197.png 300w, https:\/\/visualarqv2.instawp.xyz\/wp-content\/uploads\/2019\/06\/04-RailingGHStyleWizard-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 railing style. In this case the possibility to \u00ab\u00a0Filter by\u00a0\u00bb is not relevant since in the Grasshopper definition there were no named groups for the input parameters. The settings are:<\/p>\r\n\r\n  <p><strong>Name<\/strong>: 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 in the VisualARQ style and properties dialog.<\/li>\r\n    <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    <li><strong>Object<\/strong>: in this case this option will be selected so the parameters can be edited separately for each element with that style in the model. In case no value is \r\n  provided by object the one defined by style will be used.<\/li>\r\n  <\/ul>\r\n<p>You can change the settings of different parameters at once by selecting them while holding the <kbd>Ctrl<\/kbd> key.\r\n\r\n  <p class=\"Mb-2em\"><strong>Default<\/strong> (value): shows the default values for the parameters, (those specified in the Grasshopper definition), including geometry entities and lets you set different ones. In this case there is one Brep parameter assigned to the baluster geometry. It is recommendable to \u00ab\u00a0internalize data\u00a0\u00bb on that component in the gh file before saving it, in order to have a solid already assigned. In case there was no internalized geometry the value field would appear as \u00ab\u00a0Unknown\u00a0\u00bb in red, indicating an unreferenced geometry and you would be requested to pick a Brep from the model to continue. (For this particular example, the solid selected must be placed in the 0,0,0 coordinates and oriented perpendicular to the XY plane, in order to be aligned properly with the railing path. This can be avoided if the gh file places the referenced solid in the (0,0,0) coordinates).<\/p>\r\n\r\n  <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/visualarqv2.instawp.xyz\/wp-content\/uploads\/2019\/06\/05-RailingGHStyleWizardii-1.png\" alt=\"Fourth step of the Railing Grasshopper Style Wizard. In this step one of the settings is the &quot;Default&quot;, which in case of brep requires to pick one from the model.\" width=\"816\" height=\"535\" class=\"aligncenter size-full wp-image-15614 Mb-3em\" srcset=\"https:\/\/visualarqv2.instawp.xyz\/wp-content\/uploads\/2019\/06\/05-RailingGHStyleWizardii-1.png 816w, https:\/\/visualarqv2.instawp.xyz\/wp-content\/uploads\/2019\/06\/05-RailingGHStyleWizardii-1-300x197.png 300w, https:\/\/visualarqv2.instawp.xyz\/wp-content\/uploads\/2019\/06\/05-RailingGHStyleWizardii-1-768x504.png 768w\" sizes=\"(max-width: 816px) 100vw, 816px\" \/>\r\n\r\n  <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/visualarqv2.instawp.xyz\/wp-content\/uploads\/2019\/06\/05-RailingGHStyleWizardiii-2.png\" alt=\"Fourth step of the Railing Grasshopper Style Wizard. To continue an instance of a closed solid polysurface or closed extrusion should have been selected from the model.\" width=\"816\" height=\"535\" class=\"aligncenter size-full wp-image-15628 Mb-3em\" srcset=\"https:\/\/visualarqv2.instawp.xyz\/wp-content\/uploads\/2019\/06\/05-RailingGHStyleWizardiii-2.png 816w, https:\/\/visualarqv2.instawp.xyz\/wp-content\/uploads\/2019\/06\/05-RailingGHStyleWizardiii-2-300x197.png 300w, https:\/\/visualarqv2.instawp.xyz\/wp-content\/uploads\/2019\/06\/05-RailingGHStyleWizardiii-2-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 geometry parameter which is automatically set to Brep and a numerical one which has been automatically set to Length because in the Grasshopper definition it was a floating point value input.<\/p>\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 railing created from the Grasshopper Railing Style<\/h3>\r\n\r\n  <h4>3.1 Edit the railing style<\/h4>\r\n\r\n  <p class=\"Mb-2em\">Once the Grasshopper style wizard is completed, the new style will appear in the railing 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 are available under the tab \u00ab\u00a0Parameters\u00a0\u00bb and 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\/06\/06-RailingStylesDialogWithNewStyle.png\" alt=\"The Railing styles dialog with the new railing style. When it is selected the parameters appear under the &quot;Parameters&quot; section grouped as in the Grasshopper definition.\" width=\"766\" height=\"537\" class=\"aligncenter size-full wp-image-15578 Mb-3em\" srcset=\"https:\/\/visualarqv2.instawp.xyz\/wp-content\/uploads\/2019\/06\/06-RailingStylesDialogWithNewStyle.png 766w, https:\/\/visualarqv2.instawp.xyz\/wp-content\/uploads\/2019\/06\/06-RailingStylesDialogWithNewStyle-300x210.png 300w\" sizes=\"(max-width: 766px) 100vw, 766px\" \/>\r\n\r\n  <h4>3.2 Insert the Grasshopper style<\/h4>\r\n\r\n  <p class=\"Mb-3em\">Once the railing 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 any other regular VisualARQ object. However only those input parameters editable \u00ab\u00a0by Object\u00a0\u00bb will appear.<\/p>\r\n<p>This railing can be also inserted using the Railing From Curves command.<\/p>\r\n\r\n  <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/visualarqv2.instawp.xyz\/wp-content\/uploads\/2019\/06\/07-InsertEditNewRailing.png\" alt=\"Example of a railing with the new style. The input parameters appear in the Properties panel since they have been set as editable by object.\" width=\"798\" height=\"576\" class=\"aligncenter size-full wp-image-15585\" srcset=\"https:\/\/visualarqv2.instawp.xyz\/wp-content\/uploads\/2019\/06\/07-InsertEditNewRailing.png 798w, https:\/\/visualarqv2.instawp.xyz\/wp-content\/uploads\/2019\/06\/07-InsertEditNewRailing-300x217.png 300w, https:\/\/visualarqv2.instawp.xyz\/wp-content\/uploads\/2019\/06\/07-InsertEditNewRailing-768x554.png 768w\" sizes=\"(max-width: 798px) 100vw, 798px\" \/>\r\n\r\n<\/section>","protected":false},"excerpt":{"rendered":"<p>Railing Grasshopper Styles Tutorial In this tutorial a parametric railing style from a Grasshopper definition will be created. The 3 main steps to follow are the same as in any other Grasshopper style: Grasshopper definition setup Create the VisualARQ railing style Insert and edit a VisualARQ railing created from a Grasshopper style 1. Grasshopper definition [&hellip;]<\/p>\n","protected":false},"author":10,"featured_media":0,"parent":17247,"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-15492","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>Railings - 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\/fr\/learn\/grasshopper-styles\/railings\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Railings - 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\/fr\/learn\/grasshopper-styles\/railings\/\" \/>\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:22:51+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/visualarqv2.instawp.xyz\/wp-content\/uploads\/2019\/06\/GH-to-VA-Railing-Example.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@VisualARQ\" \/>\n<meta name=\"twitter:label1\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data1\" content=\"5 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/visualarqv2.instawp.xyz\/fr\/learn\/grasshopper-styles\/railings\/\",\"url\":\"https:\/\/visualarqv2.instawp.xyz\/fr\/learn\/grasshopper-styles\/railings\/\",\"name\":\"Railings - VisualARQ\",\"isPartOf\":{\"@id\":\"https:\/\/visualarqv2.instawp.xyz\/fr\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/visualarqv2.instawp.xyz\/fr\/learn\/grasshopper-styles\/railings\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/visualarqv2.instawp.xyz\/fr\/learn\/grasshopper-styles\/railings\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/visualarqv2.instawp.xyz\/wp-content\/uploads\/2019\/06\/GH-to-VA-Railing-Example.png\",\"datePublished\":\"2019-07-26T12:33:57+00:00\",\"dateModified\":\"2022-02-10T15:22:51+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\/fr\/learn\/grasshopper-styles\/railings\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/visualarqv2.instawp.xyz\/fr\/learn\/grasshopper-styles\/railings\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/visualarqv2.instawp.xyz\/fr\/learn\/grasshopper-styles\/railings\/#primaryimage\",\"url\":\"https:\/\/visualarqv2.instawp.xyz\/wp-content\/uploads\/2019\/06\/GH-to-VA-Railing-Example.png\",\"contentUrl\":\"https:\/\/visualarqv2.instawp.xyz\/wp-content\/uploads\/2019\/06\/GH-to-VA-Railing-Example.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/visualarqv2.instawp.xyz\/fr\/learn\/grasshopper-styles\/railings\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/visualarqv2.instawp.xyz\/fr\/home2\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Apprendre\",\"item\":\"https:\/\/visualarqv2.instawp.xyz\/fr\/learn\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Styles de Grasshopper\",\"item\":\"https:\/\/visualarqv2.instawp.xyz\/fr\/learn\/grasshopper-styles\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"Railings\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/visualarqv2.instawp.xyz\/fr\/#website\",\"url\":\"https:\/\/visualarqv2.instawp.xyz\/fr\/\",\"name\":\"VisualARQ\",\"description\":\"Flexible BIM for Rhino\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/visualarqv2.instawp.xyz\/fr\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"fr-FR\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Railings - 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\/fr\/learn\/grasshopper-styles\/railings\/","og_locale":"fr_FR","og_type":"article","og_title":"Railings - 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\/fr\/learn\/grasshopper-styles\/railings\/","og_site_name":"VisualARQ","article_publisher":"https:\/\/www.facebook.com\/visualarq","article_modified_time":"2022-02-10T15:22:51+00:00","og_image":[{"url":"https:\/\/visualarqv2.instawp.xyz\/wp-content\/uploads\/2019\/06\/GH-to-VA-Railing-Example.png"}],"twitter_card":"summary_large_image","twitter_site":"@VisualARQ","twitter_misc":{"Dur\u00e9e de lecture estim\u00e9e":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/visualarqv2.instawp.xyz\/fr\/learn\/grasshopper-styles\/railings\/","url":"https:\/\/visualarqv2.instawp.xyz\/fr\/learn\/grasshopper-styles\/railings\/","name":"Railings - VisualARQ","isPartOf":{"@id":"https:\/\/visualarqv2.instawp.xyz\/fr\/#website"},"primaryImageOfPage":{"@id":"https:\/\/visualarqv2.instawp.xyz\/fr\/learn\/grasshopper-styles\/railings\/#primaryimage"},"image":{"@id":"https:\/\/visualarqv2.instawp.xyz\/fr\/learn\/grasshopper-styles\/railings\/#primaryimage"},"thumbnailUrl":"https:\/\/visualarqv2.instawp.xyz\/wp-content\/uploads\/2019\/06\/GH-to-VA-Railing-Example.png","datePublished":"2019-07-26T12:33:57+00:00","dateModified":"2022-02-10T15:22:51+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\/fr\/learn\/grasshopper-styles\/railings\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/visualarqv2.instawp.xyz\/fr\/learn\/grasshopper-styles\/railings\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/visualarqv2.instawp.xyz\/fr\/learn\/grasshopper-styles\/railings\/#primaryimage","url":"https:\/\/visualarqv2.instawp.xyz\/wp-content\/uploads\/2019\/06\/GH-to-VA-Railing-Example.png","contentUrl":"https:\/\/visualarqv2.instawp.xyz\/wp-content\/uploads\/2019\/06\/GH-to-VA-Railing-Example.png"},{"@type":"BreadcrumbList","@id":"https:\/\/visualarqv2.instawp.xyz\/fr\/learn\/grasshopper-styles\/railings\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/visualarqv2.instawp.xyz\/fr\/home2\/"},{"@type":"ListItem","position":2,"name":"Apprendre","item":"https:\/\/visualarqv2.instawp.xyz\/fr\/learn\/"},{"@type":"ListItem","position":3,"name":"Styles de Grasshopper","item":"https:\/\/visualarqv2.instawp.xyz\/fr\/learn\/grasshopper-styles\/"},{"@type":"ListItem","position":4,"name":"Railings"}]},{"@type":"WebSite","@id":"https:\/\/visualarqv2.instawp.xyz\/fr\/#website","url":"https:\/\/visualarqv2.instawp.xyz\/fr\/","name":"VisualARQ","description":"Flexible BIM for Rhino","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/visualarqv2.instawp.xyz\/fr\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"fr-FR"}]}},"_links":{"self":[{"href":"https:\/\/visualarqv2.instawp.xyz\/fr\/wp-json\/wp\/v2\/pages\/15492"}],"collection":[{"href":"https:\/\/visualarqv2.instawp.xyz\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/visualarqv2.instawp.xyz\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/visualarqv2.instawp.xyz\/fr\/wp-json\/wp\/v2\/users\/10"}],"replies":[{"embeddable":true,"href":"https:\/\/visualarqv2.instawp.xyz\/fr\/wp-json\/wp\/v2\/comments?post=15492"}],"version-history":[{"count":1,"href":"https:\/\/visualarqv2.instawp.xyz\/fr\/wp-json\/wp\/v2\/pages\/15492\/revisions"}],"predecessor-version":[{"id":25379,"href":"https:\/\/visualarqv2.instawp.xyz\/fr\/wp-json\/wp\/v2\/pages\/15492\/revisions\/25379"}],"up":[{"embeddable":true,"href":"https:\/\/visualarqv2.instawp.xyz\/fr\/wp-json\/wp\/v2\/pages\/17247"}],"wp:attachment":[{"href":"https:\/\/visualarqv2.instawp.xyz\/fr\/wp-json\/wp\/v2\/media?parent=15492"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}