{"id":15084,"date":"2019-07-26T12:33:19","date_gmt":"2019-07-26T12:33:19","guid":{"rendered":"https:\/\/stg.visualarq.com\/?page_id=15084"},"modified":"2024-06-21T15:20:10","modified_gmt":"2024-06-21T15:20:10","slug":"furniture-elements","status":"publish","type":"tutorial","link":"https:\/\/stg.visualarq.com\/zh-hans\/tutorial\/grasshopper-styles\/furniture-elements\/","title":{"rendered":"Furniture elements"},"content":{"rendered":"\n<h1 class=\"wp-block-heading\">Generic element Grasshopper Styles Tutorial<\/h1>\n\n\n\n<figure class=\"wp-block-image alignright size-medium\"><img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"281\" src=\"https:\/\/stg.visualarq.com\/wp-content\/uploads\/2019\/05\/GH-to-VA-Element-Example-300x281.png\" alt=\"Comparison between the Grasshopper generic element on the left and the VisualARQ generic element on the right.\" class=\"wp-image-15085\" srcset=\"https:\/\/stg.visualarq.com\/wp-content\/uploads\/2019\/05\/GH-to-VA-Element-Example-300x281.png 300w, https:\/\/stg.visualarq.com\/wp-content\/uploads\/2019\/05\/GH-to-VA-Element-Example.png 480w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/figure>\n\n\n\n<p>In this tutorial, a parametric Element style from a Grasshopper definition will be created.<\/p>\n\n\n\n<p>VisualARQ Generic Element (or just Element)  is a category or object type that doesn\u2019t fit in any of the other ones, like in this case a lighting fixture. The Furniture category follows the same principles as the generic elements, that\u2019s why everything in this tutorial is valid for a furniture style as well.<\/p>\n\n\n\n<p>The 3 main steps to follow are the same as in any other Grasshopper style:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong><a href=\"#setup\">Grasshopper definition setup<\/a><\/strong><\/li>\n\n\n\n<li><strong><a href=\"#create\">Create the VisualARQ element style<\/a><\/strong><\/li>\n\n\n\n<li><strong><a href=\"#edit\">Insert and edit an Element Grasshopper style<\/a><\/strong><\/li>\n<\/ol>\n\n\n\n<p><\/p>\n\n\n\n<p><\/p>\n\n\n\n<p><\/p>\n\n\n\n<p><\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<p><\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"setup\">1. Grasshopper definition setup<\/h2>\n\n\n\n<p>Prerequisites to consider when creating a Grasshopper definition for an Element Grasshopper style:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Elements in VisualARQ are created from an insert point and a plane. This insert point in the Grasshopper definition is measured from the document <strong>origin of coordinates<\/strong> <strong>(0,0,0)<\/strong> and by default it corresponds to the XY Plane.<\/li>\n\n\n\n<li>If the insert point as input parameter is defined as a plane, the resulting object will be able to be placed in any plane in the model space. Otherwise, it will be always placed perpendicular to the XY Plane.<\/li>\n<\/ul>\n\n\n\n<p>Download the Grasshopper file used in this tutorial <a href=\"https:\/\/stg.visualarq.com\/wp-content\/uploads\/2024\/06\/Pendant-light-style-mm.gh\">here<\/a>.<\/p>\n\n\n\n<p>Type <code>Grasshopper<\/code> in the Rhino Command line to launch Grasshopper.<\/p>\n\n\n\n<p>The Grasshopper definition requires some <strong>Input parameters<\/strong> to define the features of the new object, and <strong>Output parameters<\/strong> to define the geometrical components of the final object. Some output parameters can be used to retrieve information from the object created. <\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Input parameters:<\/strong> Define the features of the resulting style. These are the different parameters we can find in this definition:\n<ul class=\"wp-block-list\">\n<li><strong>Numeric value (floating point):<\/strong> A total of 6 sliders have been used for the various dimensions of the light. All of them are numeric (floating point) sliders that define all dimensions of the generic element, for example, the cable length.<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>Output parameters<\/strong>: These are the components that will be read by VisualARQ once we create the style. VisualARQ only recognizes the output parameters that are ending components with their output nodes unconnected. In this example, we find the following output parameters: \n<ul class=\"wp-block-list\">\n<li><strong>Geometrical outputs<\/strong>: these are the ones that will be read as the different parts of the element.\n<ul class=\"wp-block-list\">\n<li><strong>3 Brep param<\/strong>: one for the cable, one for the head, and another for the bulb..<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>Output parameters<\/strong>: &nbsp;these are used to retrieve information from the object created. In this example we can find the following output parameter:\n<ul class=\"wp-block-list\">\n<li><strong>Number Param:<\/strong> \u00a0tells us the total height of the light.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p>It is important to name these components in Grasshopper to identify them easily when creating the new style:<\/p>\n<\/blockquote>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large size-full wp-image-16468\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"402\" src=\"https:\/\/stg.visualarq.com\/wp-content\/uploads\/2024\/06\/Element-GH-Style-1-1024x402.png\" alt=\"\" class=\"wp-image-37075\" srcset=\"https:\/\/stg.visualarq.com\/wp-content\/uploads\/2024\/06\/Element-GH-Style-1-980x385.png 980w, https:\/\/stg.visualarq.com\/wp-content\/uploads\/2024\/06\/Element-GH-Style-1-480x188.png 480w\" sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) and (max-width: 980px) 980px, (min-width: 981px) 1024px, 100vw\" \/><figcaption class=\"wp-element-caption\">The Grasshopper definition that generates the element.<\/figcaption><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"create\">2. Create the VisualARQ Element style<\/h2>\n\n\n\n<p>The Grasshopper style will be created and managed from the Element Styles dialog.<\/p>\n\n\n\n<p><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">2.1 Create the new style<\/h3>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1117\" height=\"954\" src=\"https:\/\/stg.visualarq.com\/wp-content\/uploads\/2024\/06\/Element-GH-Style-2.png\" alt=\"Element Styles dialog\" class=\"wp-image-37082\" srcset=\"https:\/\/stg.visualarq.com\/wp-content\/uploads\/2024\/06\/Element-GH-Style-2.png 1117w, https:\/\/stg.visualarq.com\/wp-content\/uploads\/2024\/06\/Element-GH-Style-2-980x837.png 980w, https:\/\/stg.visualarq.com\/wp-content\/uploads\/2024\/06\/Element-GH-Style-2-480x410.png 480w\" sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) and (max-width: 980px) 980px, (min-width: 981px) 1117px, 100vw\" \/><figcaption class=\"wp-element-caption\">Element Styles dialog<\/figcaption><\/figure>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Assuming the Grasshopper definition (.gh file) is already done, open the element styles dialog: <code><strong>_vaElementStyles<\/strong><\/code> command.<\/li>\n\n\n\n<li>Click on the <strong><em>New\u2026<\/em><\/strong> button and select the <strong>Grasshopper element style<\/strong> option.<\/li>\n<\/ol>\n\n\n\n<p>The <strong>Grasshopper Style<\/strong> <strong>wizard<\/strong> will appear. This wizard will guide you through the steps to define the element 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>\n\n\n\n<p><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">2.2 Open the Grasshopper definition<\/h3>\n\n\n\n<p><\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1167\" height=\"885\" src=\"https:\/\/stg.visualarq.com\/wp-content\/uploads\/2024\/06\/Element-GH-Style-3.png\" alt=\"\" class=\"wp-image-37089\" srcset=\"https:\/\/stg.visualarq.com\/wp-content\/uploads\/2024\/06\/Element-GH-Style-3.png 1167w, https:\/\/stg.visualarq.com\/wp-content\/uploads\/2024\/06\/Element-GH-Style-3-980x743.png 980w, https:\/\/stg.visualarq.com\/wp-content\/uploads\/2024\/06\/Element-GH-Style-3-480x364.png 480w\" sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) and (max-width: 980px) 980px, (min-width: 981px) 1167px, 100vw\" \/><figcaption class=\"wp-element-caption\">Grasshopper style wizard: open the Grasshopper definition<\/figcaption><\/figure>\n\n\n\n<p>Click on the&nbsp;<em>Browse<\/em>&nbsp;button to select the .gh file or choose one of the recent files from the drop-down list.<\/p>\n\n\n\n<p><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">2.3 Configuration<\/h3>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1167\" height=\"885\" src=\"https:\/\/stg.visualarq.com\/wp-content\/uploads\/2024\/06\/Element-GH-Style-4.png\" alt=\"\" class=\"wp-image-37096\" srcset=\"https:\/\/stg.visualarq.com\/wp-content\/uploads\/2024\/06\/Element-GH-Style-4.png 1167w, https:\/\/stg.visualarq.com\/wp-content\/uploads\/2024\/06\/Element-GH-Style-4-980x743.png 980w, https:\/\/stg.visualarq.com\/wp-content\/uploads\/2024\/06\/Element-GH-Style-4-480x364.png 480w\" sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) and (max-width: 980px) 980px, (min-width: 981px) 1167px, 100vw\" \/><figcaption class=\"wp-element-caption\">Grasshopper style wizard: Configuration<\/figcaption><\/figure>\n\n\n\n<p>Set the Element Grasshopper style global values:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Style name<\/strong>: set the desired name.<\/li>\n\n\n\n<li><strong>Definition units<\/strong>: in this case, it has been prepared in millimeters.<\/li>\n\n\n\n<li><strong>Linked properties<\/strong>: \u00a0the base point (or plane origin) to place the element and any input Point parameter in the GH definition will be available here. If no plane\/point is chosen, the origin of the GH definition will be used instead. In this case, the light was built according to the origin of coordinates, that\u2019s why no insert plane\/point is needed.<\/li>\n<\/ul>\n\n\n\n<p><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">2.4 Geometry<\/h2>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1167\" height=\"885\" src=\"https:\/\/stg.visualarq.com\/wp-content\/uploads\/2024\/06\/Element-GH-Style-5.png\" alt=\"\" class=\"wp-image-37103\" srcset=\"https:\/\/stg.visualarq.com\/wp-content\/uploads\/2024\/06\/Element-GH-Style-5.png 1167w, https:\/\/stg.visualarq.com\/wp-content\/uploads\/2024\/06\/Element-GH-Style-5-980x743.png 980w, https:\/\/stg.visualarq.com\/wp-content\/uploads\/2024\/06\/Element-GH-Style-5-480x364.png 480w\" sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) and (max-width: 980px) 980px, (min-width: 981px) 1167px, 100vw\" \/><figcaption class=\"wp-element-caption\">Grasshopper style wizard: Geometry<\/figcaption><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<p>Specify which of the output geometry components (Params) to import into VisualARQ. The identifiers of these geometry components are taken from the names of the geometrical output components in the Grasshopper definition and can be modified only once the style has been created.<\/p>\n\n\n\n<p>You can choose the representation where each component is going to be used:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Model<\/strong>: the object representation in 3D.<\/li>\n\n\n\n<li><strong>Plan<\/strong>: the object representation in plan view. Only visible in top views when the Cut Plane of the level where the object is placed is enabled and intersects the object.<\/li>\n\n\n\n<li><strong>Preview *<\/strong>: the object representation while the object is being inserted (or moved afterward). This way, you can have a preview of the final object before ending the command. <\/li>\n<\/ul>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p><strong>*Note<\/strong>: It is highly recommended to use the&nbsp;<em>Preview<\/em>&nbsp;representation only for the necessary geometry to be displayed while inserting the object in the model. The fewer components checked for the preview, the faster will be the insertion or edition of these objects in the model, especially when they are made with complex Grasshopper definitions. Beware to leave at least one component with this representation checked.<\/p>\n<\/blockquote>\n\n\n\n<p>In this case, there are three geometry outputs that we want to show in the three different representations: model, plan and preview. That means that the Plan representation will be taken from the horizontal section of the 3D element according to the level\u2019s cut plane height.<\/p>\n\n\n\n<p><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">2.5 Parameters<\/h3>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1167\" height=\"885\" src=\"https:\/\/stg.visualarq.com\/wp-content\/uploads\/2024\/06\/Element-GH-Style-6.png\" alt=\"\" class=\"wp-image-37110\" srcset=\"https:\/\/stg.visualarq.com\/wp-content\/uploads\/2024\/06\/Element-GH-Style-6.png 1167w, https:\/\/stg.visualarq.com\/wp-content\/uploads\/2024\/06\/Element-GH-Style-6-980x743.png 980w, https:\/\/stg.visualarq.com\/wp-content\/uploads\/2024\/06\/Element-GH-Style-6-480x364.png 480w\" sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) and (max-width: 980px) 980px, (min-width: 981px) 1167px, 100vw\" \/><figcaption class=\"wp-element-caption\">Grasshopper style wizard: Parameters setup<\/figcaption><\/figure>\n\n\n\n<p>This step shows the settings available for the list of input and output parameters defined in Grasshopper. The filter by option lets you view the parameters located inside&nbsp;<strong>named groups<\/strong>&nbsp;in the Grasshopper definition. There are two kinds of parameters:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Input parameters<\/strong>: these parameters define the element style.<\/li>\n\n\n\n<li><strong>Output parameters<\/strong>: these parameters retrieve information from the object created.<\/li>\n<\/ul>\n\n\n\n<p>The settings are different for each of them:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Input parameters<\/strong>:\n<ul class=\"wp-block-list\">\n<li><strong>Name<\/strong>: it is the identifier of the parameter and can be modified if desired in this step.<\/li>\n\n\n\n<li><strong>Editable by<\/strong> (you can change this value for several parameters by selecting them while holding the Ctrl key.):\n<ul class=\"wp-block-list\">\n<li><strong>Definition<\/strong>: the parameter will be hidden and it will keep the value from the Grasshopper definition.<\/li>\n\n\n\n<li><strong>Style<\/strong>: the parameter can be edited only by style and the changes will apply to all objects in the model with that style.<\/li>\n\n\n\n<li><strong>Object<\/strong>: allows to set a different value for that parameter for each element in the model that has the same style. In case no value is provided \u201cBy object\u201d the one defined by style will be used.<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>Default<\/strong> (value): shows the default value (the ones specified in the Grasshopper definition) for the input parameters and lets you set different default values.<\/li>\n\n\n\n<li><strong>Type<\/strong>: shows the different types of values available for each kind of parameter.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Output parameters<\/strong>:\n<ul class=\"wp-block-list\">\n<li><strong>Name<\/strong>: it is the identifier of the parameter and can be modified if desired in this step.<\/li>\n\n\n\n<li><strong>Visibility:<\/strong> choose the option &#8220;<em>Object<\/em>&#8221; to display this parameter in the VisualARQ dialogs, or &#8220;<em>None<\/em>&#8221; to hide it.<\/li>\n\n\n\n<li><strong>Type: <\/strong>shows the type of value which has previously been defined in Grasshopper for this parameter.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<p><\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"edit\">3. Insert and edit the element Grasshopper Style<\/h2>\n\n\n\n<p><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">3.1 Edit the element style<\/h3>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1116\" height=\"954\" src=\"https:\/\/stg.visualarq.com\/wp-content\/uploads\/2024\/06\/Element-GH-Style-8.png\" alt=\"\" class=\"wp-image-37117\" style=\"width:424px;height:auto\" srcset=\"https:\/\/stg.visualarq.com\/wp-content\/uploads\/2024\/06\/Element-GH-Style-8.png 1116w, https:\/\/stg.visualarq.com\/wp-content\/uploads\/2024\/06\/Element-GH-Style-8-980x838.png 980w, https:\/\/stg.visualarq.com\/wp-content\/uploads\/2024\/06\/Element-GH-Style-8-480x410.png 480w\" sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) and (max-width: 980px) 980px, (min-width: 981px) 1116px, 100vw\" \/><figcaption class=\"wp-element-caption\">Element Grasshopper style parameters in the Element style dialog.<\/figcaption><\/figure>\n\n\n\n<p>Once the Grasshopper style wizard is completed, the new style will appear in the element 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.<\/p>\n\n\n\n<p>The input parameters will be available under the \u201cParameters\u201d 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>\n\n\n\n<p><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">3.2 Insert the Grasshopper style<\/h3>\n\n\n\n<p>Once the element style has been created, you can insert an instance in the document and change the values of its parameters from the VisualARQ element icon located under the Properties panel, as it works with any other VisualARQ object. Only those input parameters that were set as editable \u201c<em>By Object<\/em>\u201d in step 2.5 will be visible. You will see the output parameters in this part of the Properties panel as well.<\/p>\n\n\n\n<p><\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1374\" height=\"1016\" src=\"https:\/\/stg.visualarq.com\/wp-content\/uploads\/2024\/06\/Element-GH-Style-9.png\" alt=\"\" class=\"wp-image-37124\" srcset=\"https:\/\/stg.visualarq.com\/wp-content\/uploads\/2024\/06\/Element-GH-Style-9.png 1374w, https:\/\/stg.visualarq.com\/wp-content\/uploads\/2024\/06\/Element-GH-Style-9-1280x946.png 1280w, https:\/\/stg.visualarq.com\/wp-content\/uploads\/2024\/06\/Element-GH-Style-9-980x725.png 980w, https:\/\/stg.visualarq.com\/wp-content\/uploads\/2024\/06\/Element-GH-Style-9-480x355.png 480w\" sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) and (max-width: 980px) 980px, (min-width: 981px) and (max-width: 1280px) 1280px, (min-width: 1281px) 1374px, 100vw\" \/><figcaption class=\"wp-element-caption\">Element parameters in the element Object Properties panel<\/figcaption><\/figure>\n","protected":false},"author":10,"featured_media":0,"parent":17653,"menu_order":0,"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:\/\/stg.visualarq.com\/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:\/\/stg.visualarq.com\/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:\/\/stg.visualarq.com\/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:\/\/stg.visualarq.com\/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:\/\/stg.visualarq.com\/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:\/\/stg.visualarq.com\/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:\/\/stg.visualarq.com\/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:\/\/stg.visualarq.com\/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:\/\/stg.visualarq.com\/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:\/\/stg.visualarq.com\/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:\/\/stg.visualarq.com\/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:\/\/stg.visualarq.com\/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":"","footnotes":""},"tutorgroup":[],"class_list":["post-15084","tutorial","type-tutorial","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.3 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Furniture elements - VisualARQ<\/title>\n<meta name=\"description\" content=\"Learn how to create a VisualARQ custom door style from a Grasshopper definition. In this tutorial all the steps will be explained in detail.\" \/>\n<meta name=\"robots\" content=\"noindex, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<meta property=\"og:locale\" content=\"zh_CN\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Furniture elements - VisualARQ\" \/>\n<meta property=\"og:description\" content=\"Learn how to create a VisualARQ custom door style from a Grasshopper definition. In this tutorial all the steps will be explained in detail.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/stg.visualarq.com\/zh-hans\/tutorial\/grasshopper-styles\/furniture-elements\/\" \/>\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=\"2024-06-21T15:20:10+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/stg.visualarq.com\/wp-content\/uploads\/2019\/04\/GH-to-VA-Door-Example.png\" \/>\n\t<meta property=\"og:image:width\" content=\"480\" \/>\n\t<meta property=\"og:image:height\" content=\"460\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/stg.visualarq.com\/wp-content\/uploads\/2019\/04\/GH-to-VA-Door-Example.png\" \/>\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=\"8 \u5206\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/stg.visualarq.com\\\/zh-hans\\\/tutorial\\\/grasshopper-styles\\\/furniture-elements\\\/\",\"url\":\"https:\\\/\\\/stg.visualarq.com\\\/zh-hans\\\/tutorial\\\/grasshopper-styles\\\/furniture-elements\\\/\",\"name\":\"Furniture elements - VisualARQ\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/stg.visualarq.com\\\/zh-hans\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/stg.visualarq.com\\\/zh-hans\\\/tutorial\\\/grasshopper-styles\\\/furniture-elements\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/stg.visualarq.com\\\/zh-hans\\\/tutorial\\\/grasshopper-styles\\\/furniture-elements\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/stg.visualarq.com\\\/wp-content\\\/uploads\\\/2019\\\/05\\\/GH-to-VA-Element-Example-300x281.png\",\"datePublished\":\"2019-07-26T12:33:19+00:00\",\"dateModified\":\"2024-06-21T15:20:10+00:00\",\"description\":\"Learn how to create a VisualARQ custom door style from a Grasshopper definition. In this tutorial all the steps will be explained in detail.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/stg.visualarq.com\\\/zh-hans\\\/tutorial\\\/grasshopper-styles\\\/furniture-elements\\\/#breadcrumb\"},\"inLanguage\":\"zh-Hans\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/stg.visualarq.com\\\/zh-hans\\\/tutorial\\\/grasshopper-styles\\\/furniture-elements\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"zh-Hans\",\"@id\":\"https:\\\/\\\/stg.visualarq.com\\\/zh-hans\\\/tutorial\\\/grasshopper-styles\\\/furniture-elements\\\/#primaryimage\",\"url\":\"https:\\\/\\\/stg.visualarq.com\\\/wp-content\\\/uploads\\\/2019\\\/05\\\/GH-to-VA-Element-Example-300x281.png\",\"contentUrl\":\"https:\\\/\\\/stg.visualarq.com\\\/wp-content\\\/uploads\\\/2019\\\/05\\\/GH-to-VA-Element-Example-300x281.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/stg.visualarq.com\\\/zh-hans\\\/tutorial\\\/grasshopper-styles\\\/furniture-elements\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/stg.visualarq.com\\\/zh-hans\\\/home\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Tutorials\",\"item\":\"https:\\\/\\\/stg.visualarq.com\\\/zh-hans\\\/tutorial\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Grasshopper \u6837\u5f0f\",\"item\":\"https:\\\/\\\/stg.visualarq.com\\\/zh-hans\\\/tutorial\\\/grasshopper-styles\\\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"Furniture elements\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/stg.visualarq.com\\\/zh-hans\\\/#website\",\"url\":\"https:\\\/\\\/stg.visualarq.com\\\/zh-hans\\\/\",\"name\":\"VisualARQ\",\"description\":\"Flexible BIM for Rhino\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/stg.visualarq.com\\\/zh-hans\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"zh-Hans\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Furniture elements - VisualARQ","description":"Learn how to create a VisualARQ custom door style from a Grasshopper definition. In this tutorial all the steps will be explained in detail.","robots":{"index":"noindex","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"og_locale":"zh_CN","og_type":"article","og_title":"Furniture elements - VisualARQ","og_description":"Learn how to create a VisualARQ custom door style from a Grasshopper definition. In this tutorial all the steps will be explained in detail.","og_url":"https:\/\/stg.visualarq.com\/zh-hans\/tutorial\/grasshopper-styles\/furniture-elements\/","og_site_name":"VisualARQ","article_publisher":"https:\/\/www.facebook.com\/visualarq","article_modified_time":"2024-06-21T15:20:10+00:00","og_image":[{"width":480,"height":460,"url":"https:\/\/stg.visualarq.com\/wp-content\/uploads\/2019\/04\/GH-to-VA-Door-Example.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_image":"https:\/\/stg.visualarq.com\/wp-content\/uploads\/2019\/04\/GH-to-VA-Door-Example.png","twitter_site":"@VisualARQ","twitter_misc":{"\u9884\u8ba1\u9605\u8bfb\u65f6\u95f4":"8 \u5206"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/stg.visualarq.com\/zh-hans\/tutorial\/grasshopper-styles\/furniture-elements\/","url":"https:\/\/stg.visualarq.com\/zh-hans\/tutorial\/grasshopper-styles\/furniture-elements\/","name":"Furniture elements - VisualARQ","isPartOf":{"@id":"https:\/\/stg.visualarq.com\/zh-hans\/#website"},"primaryImageOfPage":{"@id":"https:\/\/stg.visualarq.com\/zh-hans\/tutorial\/grasshopper-styles\/furniture-elements\/#primaryimage"},"image":{"@id":"https:\/\/stg.visualarq.com\/zh-hans\/tutorial\/grasshopper-styles\/furniture-elements\/#primaryimage"},"thumbnailUrl":"https:\/\/stg.visualarq.com\/wp-content\/uploads\/2019\/05\/GH-to-VA-Element-Example-300x281.png","datePublished":"2019-07-26T12:33:19+00:00","dateModified":"2024-06-21T15:20:10+00:00","description":"Learn how to create a VisualARQ custom door style from a Grasshopper definition. In this tutorial all the steps will be explained in detail.","breadcrumb":{"@id":"https:\/\/stg.visualarq.com\/zh-hans\/tutorial\/grasshopper-styles\/furniture-elements\/#breadcrumb"},"inLanguage":"zh-Hans","potentialAction":[{"@type":"ReadAction","target":["https:\/\/stg.visualarq.com\/zh-hans\/tutorial\/grasshopper-styles\/furniture-elements\/"]}]},{"@type":"ImageObject","inLanguage":"zh-Hans","@id":"https:\/\/stg.visualarq.com\/zh-hans\/tutorial\/grasshopper-styles\/furniture-elements\/#primaryimage","url":"https:\/\/stg.visualarq.com\/wp-content\/uploads\/2019\/05\/GH-to-VA-Element-Example-300x281.png","contentUrl":"https:\/\/stg.visualarq.com\/wp-content\/uploads\/2019\/05\/GH-to-VA-Element-Example-300x281.png"},{"@type":"BreadcrumbList","@id":"https:\/\/stg.visualarq.com\/zh-hans\/tutorial\/grasshopper-styles\/furniture-elements\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/stg.visualarq.com\/zh-hans\/home\/"},{"@type":"ListItem","position":2,"name":"Tutorials","item":"https:\/\/stg.visualarq.com\/zh-hans\/tutorial\/"},{"@type":"ListItem","position":3,"name":"Grasshopper \u6837\u5f0f","item":"https:\/\/stg.visualarq.com\/zh-hans\/tutorial\/grasshopper-styles\/"},{"@type":"ListItem","position":4,"name":"Furniture elements"}]},{"@type":"WebSite","@id":"https:\/\/stg.visualarq.com\/zh-hans\/#website","url":"https:\/\/stg.visualarq.com\/zh-hans\/","name":"VisualARQ","description":"Flexible BIM for Rhino","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/stg.visualarq.com\/zh-hans\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"zh-Hans"}]}},"_links":{"self":[{"href":"https:\/\/stg.visualarq.com\/zh-hans\/wp-json\/wp\/v2\/tutorial\/15084","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/stg.visualarq.com\/zh-hans\/wp-json\/wp\/v2\/tutorial"}],"about":[{"href":"https:\/\/stg.visualarq.com\/zh-hans\/wp-json\/wp\/v2\/types\/tutorial"}],"author":[{"embeddable":true,"href":"https:\/\/stg.visualarq.com\/zh-hans\/wp-json\/wp\/v2\/users\/10"}],"version-history":[{"count":0,"href":"https:\/\/stg.visualarq.com\/zh-hans\/wp-json\/wp\/v2\/tutorial\/15084\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/stg.visualarq.com\/zh-hans\/wp-json\/wp\/v2\/tutorial\/17653"}],"wp:attachment":[{"href":"https:\/\/stg.visualarq.com\/zh-hans\/wp-json\/wp\/v2\/media?parent=15084"}],"wp:term":[{"taxonomy":"tutorgroup","embeddable":true,"href":"https:\/\/stg.visualarq.com\/zh-hans\/wp-json\/wp\/v2\/tutorgroup?post=15084"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}