{"id":15644,"date":"2019-07-26T12:34:29","date_gmt":"2019-07-26T12:34:29","guid":{"rendered":"https:\/\/stg.visualarq.com\/?page_id=15644"},"modified":"2024-09-09T07:12:19","modified_gmt":"2024-09-09T07:12:19","slug":"stairs","status":"publish","type":"tutorial","link":"https:\/\/stg.visualarq.com\/zh-hans\/tutorial\/grasshopper-styles\/stairs\/","title":{"rendered":"Stairs"},"content":{"rendered":"\n<h1 class=\"wp-block-heading\">Stair 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\/06\/GH-to-VA-Stair-Example-300x281.png\" alt=\"Comparison between the Grasshopper stair on the left and the VisualARQ stair on the right.\" class=\"wp-image-15746\" srcset=\"https:\/\/stg.visualarq.com\/wp-content\/uploads\/2019\/06\/GH-to-VA-Stair-Example-300x281.png 300w, https:\/\/stg.visualarq.com\/wp-content\/uploads\/2019\/06\/GH-to-VA-Stair-Example.png 480w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/figure>\n\n\n\n<p>In this tutorial, a parametric stair style from a Grasshopper definition will be created.<\/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 stair style<\/a><\/strong><\/li>\n\n\n\n<li><strong><a href=\"#edit\">Insert and edit a stair created from a 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 a stair Grasshopper style:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Stairs driven from Grasshopper styles are created from an insert point. This insert point in the Grasshopper definition is measured from the document <strong>origin of coordinates<\/strong> <strong>(0,0,0)<\/strong>.<\/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\/Double-plates-stair.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>Value list:<\/strong> for the three options of the stair alignment: right, center, and left. Each one corresponds to an integer value.<\/li>\n\n\n\n<li><strong>Number Slider (floating point):<\/strong> a total of 5 sliders have been used for the various dimensions of the stair.<\/li>\n\n\n\n<li><strong>Number Slider (integer):<\/strong> they specify the number of steps.<\/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 an object style. They need to be <strong>Geometry Params<\/strong> which are no further connected to any other component. In this example, there are two Geometry Params: <strong>one for the upper plates and one for the lower plates<\/strong>.<\/li>\n\n\n\n<li><strong>Output parameters<\/strong>: these are used to retrieve information from the object created. In this example, there is only one Number Param which will tell us the riser height of the final object.<\/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=\"331\" src=\"https:\/\/stg.visualarq.com\/wp-content\/uploads\/2024\/06\/Stair-GH-Style-1-1024x331.png\" alt=\"Stair Grasshopper definition\" class=\"wp-image-36842\" srcset=\"https:\/\/stg.visualarq.com\/wp-content\/uploads\/2024\/06\/Stair-GH-Style-1-980x317.png 980w, https:\/\/stg.visualarq.com\/wp-content\/uploads\/2024\/06\/Stair-GH-Style-1-480x155.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 stair.<\/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 stair style<\/h2>\n\n\n\n<p>The Grasshopper style will be created and managed from the Stair 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=\"1116\" height=\"954\" src=\"https:\/\/stg.visualarq.com\/wp-content\/uploads\/2024\/06\/Stair-GH-Style-2.png\" alt=\"Stair styles dialog.\" class=\"wp-image-36849\" srcset=\"https:\/\/stg.visualarq.com\/wp-content\/uploads\/2024\/06\/Stair-GH-Style-2.png 1116w, https:\/\/stg.visualarq.com\/wp-content\/uploads\/2024\/06\/Stair-GH-Style-2-980x838.png 980w, https:\/\/stg.visualarq.com\/wp-content\/uploads\/2024\/06\/Stair-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) 1116px, 100vw\" \/><figcaption class=\"wp-element-caption\">Stair 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 stair styles dialog: <code><strong>_vaStairStyles<\/strong><\/code> command.<\/li>\n\n\n\n<li>Click on the <strong><em>New\u2026<\/em><\/strong> button and select the <strong>Grasshopper stair 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 stair 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\/Stair-GH-Style-3.png\" alt=\"Grasshopper style wizard: open the Grasshopper definition\" class=\"wp-image-36857\" srcset=\"https:\/\/stg.visualarq.com\/wp-content\/uploads\/2024\/06\/Stair-GH-Style-3.png 1167w, https:\/\/stg.visualarq.com\/wp-content\/uploads\/2024\/06\/Stair-GH-Style-3-980x743.png 980w, https:\/\/stg.visualarq.com\/wp-content\/uploads\/2024\/06\/Stair-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\/Stair-GH-Style-4.png\" alt=\"\" class=\"wp-image-36872\" srcset=\"https:\/\/stg.visualarq.com\/wp-content\/uploads\/2024\/06\/Stair-GH-Style-4.png 1167w, https:\/\/stg.visualarq.com\/wp-content\/uploads\/2024\/06\/Stair-GH-Style-4-980x743.png 980w, https:\/\/stg.visualarq.com\/wp-content\/uploads\/2024\/06\/Stair-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\" \/><\/figure>\n\n\n\n<p>Set the stair 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<\/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\/2019\/07\/Stair-GH-Style-5.png\" alt=\"Grasshopper style wizard: Geometry\" class=\"wp-image-36879\" srcset=\"https:\/\/stg.visualarq.com\/wp-content\/uploads\/2019\/07\/Stair-GH-Style-5.png 1167w, https:\/\/stg.visualarq.com\/wp-content\/uploads\/2019\/07\/Stair-GH-Style-5-980x743.png 980w, https:\/\/stg.visualarq.com\/wp-content\/uploads\/2019\/07\/Stair-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 is only one geometry output 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 object 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\/Stair-GH-Style-6.png\" alt=\"Grasshopper style wizard: Parameters setup\" class=\"wp-image-36886\" srcset=\"https:\/\/stg.visualarq.com\/wp-content\/uploads\/2024\/06\/Stair-GH-Style-6.png 1167w, https:\/\/stg.visualarq.com\/wp-content\/uploads\/2024\/06\/Stair-GH-Style-6-980x743.png 980w, https:\/\/stg.visualarq.com\/wp-content\/uploads\/2024\/06\/Stair-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 stair 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 stair 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. In this case, most of them are floating point values that have automatically been set to Length. There are also two integer values for the step alignment and the step count. <\/li>\n<\/ul>\n<\/li>\n\n\n\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 stair Grasshopper Style<\/h2>\n\n\n\n<p><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">3.1 Edit the stair 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\/Stair-GH-Style-8.png\" alt=\"Stair Grasshopper style parameters in the Stair style dialog.\" class=\"wp-image-36893\" srcset=\"https:\/\/stg.visualarq.com\/wp-content\/uploads\/2024\/06\/Stair-GH-Style-8.png 1117w, https:\/\/stg.visualarq.com\/wp-content\/uploads\/2024\/06\/Stair-GH-Style-8-980x837.png 980w, https:\/\/stg.visualarq.com\/wp-content\/uploads\/2024\/06\/Stair-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) 1117px, 100vw\" \/><figcaption class=\"wp-element-caption\">Stair Grasshopper style parameters in the Stair style dialog.<\/figcaption><\/figure>\n\n\n\n<p>Once the Grasshopper style wizard is completed, the new style will appear in the stair 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 stair style has been created, you will be able to insert an instance in the document and change the values of its parameters from the VisualARQ stair 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=\"1477\" height=\"946\" src=\"https:\/\/stg.visualarq.com\/wp-content\/uploads\/2024\/06\/Stair-GH-Style-9.png\" alt=\"Stair parameters in the stair Object Properties panel\" class=\"wp-image-36900\" srcset=\"https:\/\/stg.visualarq.com\/wp-content\/uploads\/2024\/06\/Stair-GH-Style-9.png 1477w, https:\/\/stg.visualarq.com\/wp-content\/uploads\/2024\/06\/Stair-GH-Style-9-1280x820.png 1280w, https:\/\/stg.visualarq.com\/wp-content\/uploads\/2024\/06\/Stair-GH-Style-9-980x628.png 980w, https:\/\/stg.visualarq.com\/wp-content\/uploads\/2024\/06\/Stair-GH-Style-9-480x307.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) 1477px, 100vw\" \/><figcaption class=\"wp-element-caption\">Stair parameters in the stair 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":"<!-- wp:heading {\"level\":1} -->\n<h1 class=\"wp-block-heading\">Stair Grasshopper Styles Tutorial<\/h1>\n<!-- \/wp:heading -->\n\n<!-- wp:image {\"id\":15746,\"sizeSlug\":\"medium\",\"linkDestination\":\"none\",\"align\":\"right\"} -->\n<figure class=\"wp-block-image alignright size-medium\"><img src=\"https:\/\/stg.visualarq.com\/wp-content\/uploads\/2019\/06\/GH-to-VA-Stair-Example-300x281.png\" alt=\"Comparison between the Grasshopper stair on the left and the VisualARQ stair on the right.\" class=\"wp-image-15746\"\/><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:paragraph -->\n<p>In this tutorial, a parametric stair style from a Grasshopper definition will be created.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>The 3 main steps to follow are the same as in any other Grasshopper style:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list {\"ordered\":true} -->\n<ol><!-- wp:list-item -->\n<li><strong><a href=\"#setup\">Grasshopper definition setup<\/a><\/strong><\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li><strong><a href=\"#create\">Create the VisualARQ column style<\/a><\/strong><\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li><strong><a href=\"#edit\">Insert and edit a column created from a Grasshopper style<\/a><\/strong><\/li>\n<!-- \/wp:list-item --><\/ol>\n<!-- \/wp:list -->\n\n<!-- wp:paragraph -->\n<p><\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p><\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p><\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p><\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:separator -->\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n<!-- \/wp:separator -->\n\n<!-- wp:paragraph -->\n<p><\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:heading -->\n<h2 class=\"wp-block-heading\" id=\"setup\">1. Grasshopper definition setup<\/h2>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>Prerequisites to consider when creating a Grasshopper definition for a stair Grasshopper style:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list -->\n<ul><!-- wp:list-item -->\n<li>Stairs driven from Grasshopper styles are created from an insert point. This insert point in the Grasshopper definition is measured from the document <strong>origin of coordinates<\/strong> <strong>(0,0,0)<\/strong>.<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:paragraph -->\n<p>Download the Grasshopper file used in this tutorial <a href=\"https:\/\/stg.visualarq.com\/wp-content\/uploads\/2024\/06\/Double-plates-stair.gh\">here<\/a>.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>Type <code>Grasshopper<\/code> in the Rhino Command line to launch Grasshopper.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\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<!-- \/wp:paragraph -->\n\n<!-- wp:list -->\n<ul><!-- wp:list-item -->\n<li><strong>Input parameters:<\/strong> Define the features of the resulting style. These are the different parameters we can find in this definition:<!-- wp:list -->\n<ul><!-- wp:list-item -->\n<li><strong>Value list:<\/strong> for the three options of the stair alignment: right, center, and left. Each one corresponds to an integer value.<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li><strong>Number Slider (floating point):<\/strong> a total of 5 sliders have been used for the various dimensions of the stair.<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li><strong>Number Slider (integer):<\/strong> they specify the number of steps.<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list --><\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\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:<!-- wp:list -->\n<ul><!-- wp:list-item -->\n<li><strong>Geometrical outputs<\/strong>: these are the ones that will be read as the different parts of an object style. They need to be <strong>Geometry Params<\/strong> which are no further connected to any other component. In this example, there are two Geometry Params: <strong>one for the upper plates and one for the lower plates<\/strong>.<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li><strong>Output parameters<\/strong>: these are used to retrieve information from the object created. In this example, there is only one Number Param which will tell us the riser height of the final object.<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list --><\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:quote -->\n<blockquote class=\"wp-block-quote\"><!-- wp:paragraph -->\n<p>It is important to name these components in Grasshopper to identify them easily when creating the new style:<\/p>\n<!-- \/wp:paragraph --><\/blockquote>\n<!-- \/wp:quote -->\n\n<!-- wp:image {\"id\":36842,\"sizeSlug\":\"large\",\"linkDestination\":\"none\",\"align\":\"center\",\"className\":\"size-full wp-image-16468\"} -->\n<figure class=\"wp-block-image aligncenter size-large size-full wp-image-16468\"><img src=\"https:\/\/stg.visualarq.com\/wp-content\/uploads\/2024\/06\/Stair-GH-Style-1-1024x331.png\" alt=\"Stair Grasshopper definition\" class=\"wp-image-36842\"\/><figcaption class=\"wp-element-caption\">The Grasshopper definition that generates the stair.<\/figcaption><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:separator -->\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n<!-- \/wp:separator -->\n\n<!-- wp:heading -->\n<h2 class=\"wp-block-heading\" id=\"create\">2. Create the VisualARQ stair style<\/h2>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>The Grasshopper style will be created and managed from the Stair Styles dialog.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p><\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:heading {\"level\":3} -->\n<h3 class=\"wp-block-heading\">2.1 Create the new style<\/h3>\n<!-- \/wp:heading -->\n\n<!-- wp:image {\"id\":36849,\"sizeSlug\":\"full\",\"linkDestination\":\"none\"} -->\n<figure class=\"wp-block-image size-full\"><img src=\"https:\/\/stg.visualarq.com\/wp-content\/uploads\/2024\/06\/Stair-GH-Style-2.png\" alt=\"Stair styles dialog.\" class=\"wp-image-36849\"\/><figcaption class=\"wp-element-caption\">Stair styles dialog.<\/figcaption><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:list {\"ordered\":true} -->\n<ol><!-- wp:list-item -->\n<li>Assuming the Grasshopper definition (.gh file) is already done, open the column styles dialog: <code><strong>_vaStairStyles<\/strong><\/code> command.<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>Click on the <strong><em>New\u2026<\/em><\/strong> button and select the <strong>Grasshopper column style<\/strong> option.<\/li>\n<!-- \/wp:list-item --><\/ol>\n<!-- \/wp:list -->\n\n<!-- wp:paragraph -->\n<p>The <strong>Grasshopper Style<\/strong> <strong>wizard<\/strong> will appear. This wizard will guide you through the steps to define the column 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<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p><\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:heading {\"level\":3} -->\n<h3 class=\"wp-block-heading\">2.2 Open the Grasshopper definition<\/h3>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p><\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:image {\"id\":36857,\"sizeSlug\":\"full\",\"linkDestination\":\"none\"} -->\n<figure class=\"wp-block-image size-full\"><img src=\"https:\/\/stg.visualarq.com\/wp-content\/uploads\/2024\/06\/Stair-GH-Style-3.png\" alt=\"Grasshopper style wizard: open the Grasshopper definition\" class=\"wp-image-36857\"\/><figcaption class=\"wp-element-caption\">Grasshopper style wizard: open the Grasshopper definition<\/figcaption><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:paragraph -->\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<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p><\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:heading {\"level\":3} -->\n<h3 class=\"wp-block-heading\">2.3 Configuration<\/h3>\n<!-- \/wp:heading -->\n\n<!-- wp:image {\"id\":36872,\"sizeSlug\":\"full\",\"linkDestination\":\"none\"} -->\n<figure class=\"wp-block-image size-full\"><img src=\"https:\/\/stg.visualarq.com\/wp-content\/uploads\/2024\/06\/Stair-GH-Style-4.png\" alt=\"\" class=\"wp-image-36872\"\/><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:paragraph -->\n<p>Set the stair Grasshopper style global values:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list -->\n<ul><!-- wp:list-item -->\n<li><strong>Style name<\/strong>: set the desired name.<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li><strong>Definition units<\/strong>: in this case, it has been prepared in millimeters.<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:paragraph -->\n<p><\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:heading -->\n<h2 class=\"wp-block-heading\">2.4 Geometry<\/h2>\n<!-- \/wp:heading -->\n\n<!-- wp:image {\"id\":36879,\"sizeSlug\":\"full\",\"linkDestination\":\"none\"} -->\n<figure class=\"wp-block-image size-full\"><img src=\"https:\/\/stg.visualarq.com\/wp-content\/uploads\/2019\/07\/Stair-GH-Style-5.png\" alt=\"Grasshopper style wizard: Geometry\" class=\"wp-image-36879\"\/><figcaption class=\"wp-element-caption\">Grasshopper style wizard: Geometry<\/figcaption><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:paragraph -->\n<p><\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\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<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>You can choose the representation where each component is going to be used:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list -->\n<ul><!-- wp:list-item -->\n<li><strong>Model<\/strong>: the object representation in 3D.<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\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<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\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<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:quote -->\n<blockquote class=\"wp-block-quote\"><!-- wp:paragraph -->\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<!-- \/wp:paragraph --><\/blockquote>\n<!-- \/wp:quote -->\n\n<!-- wp:paragraph -->\n<p>In this case, there is only one geometry output 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 object according to the level\u2019s cut plane height.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p><\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:heading {\"level\":3} -->\n<h3 class=\"wp-block-heading\">2.5 Parameters<\/h3>\n<!-- \/wp:heading -->\n\n<!-- wp:image {\"id\":36886,\"sizeSlug\":\"full\",\"linkDestination\":\"none\"} -->\n<figure class=\"wp-block-image size-full\"><img src=\"https:\/\/stg.visualarq.com\/wp-content\/uploads\/2024\/06\/Stair-GH-Style-6.png\" alt=\"Grasshopper style wizard: Parameters setup\" class=\"wp-image-36886\"\/><figcaption class=\"wp-element-caption\">Grasshopper style wizard: Parameters setup<\/figcaption><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:paragraph -->\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<!-- \/wp:paragraph -->\n\n<!-- wp:list -->\n<ul><!-- wp:list-item -->\n<li><strong>Input parameters<\/strong>: these parameters define the stair style.<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li><strong>Output parameters<\/strong>: these parameters retrieve information from the object created.<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:paragraph -->\n<p>The settings are different for each of them:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list -->\n<ul><!-- wp:list-item -->\n<li><strong>Input parameters<\/strong>:<!-- wp:list -->\n<ul><!-- wp:list-item -->\n<li><strong>Name<\/strong>: it is the identifier of the parameter and can be modified if desired in this step.<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li><strong>Editable by<\/strong> (you can change this value for several parameters by selecting them while holding the Ctrl key.):<!-- wp:list -->\n<ul><!-- wp:list-item -->\n<li><strong>Definition<\/strong>: the parameter will be hidden and it will keep the value from the Grasshopper definition.<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\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<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li><strong>Object<\/strong>: allows to set a different value for that parameter for each column 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<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list --><\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\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<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li><strong>Type<\/strong>: shows the different types of values available for each kind of parameter. In this case, most of them are floating point values that have automatically been set to Length. There are also two integer values for the step alignment and the step count. <\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list --><\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li><strong>Output parameters<\/strong>:<!-- wp:list -->\n<ul><!-- wp:list-item -->\n<li><strong>Name<\/strong>: it is the identifier of the parameter and can be modified if desired in this step.<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li><strong>Visibility:<\/strong> choose the option \"<em>Object<\/em>\" to display this parameter in the VisualARQ dialogs, or \"<em>None<\/em>\" to hide it.<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li><strong>Type: <\/strong>shows the type of value which has previously been defined in Grasshopper for this parameter.<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list --><\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:paragraph -->\n<p><\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:heading -->\n<h2 class=\"wp-block-heading\" id=\"edit\">3. Insert and edit the stair Grasshopper Style<\/h2>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p><\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:heading {\"level\":3} -->\n<h3 class=\"wp-block-heading\">3.1 Edit the stair style<\/h3>\n<!-- \/wp:heading -->\n\n<!-- wp:image {\"id\":36893,\"sizeSlug\":\"full\",\"linkDestination\":\"none\"} -->\n<figure class=\"wp-block-image size-full\"><img src=\"https:\/\/stg.visualarq.com\/wp-content\/uploads\/2024\/06\/Stair-GH-Style-8.png\" alt=\"Stair Grasshopper style parameters in the Stair style dialog.\" class=\"wp-image-36893\"\/><figcaption class=\"wp-element-caption\">Stair Grasshopper style parameters in the Stair style dialog.<\/figcaption><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:paragraph -->\n<p>Once the Grasshopper style wizard is completed, the new style will appear in the column 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<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\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<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p><\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:heading {\"level\":3} -->\n<h3 class=\"wp-block-heading\">3.2 Insert the Grasshopper style<\/h3>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>Once the stair style has been created, you will be able to insert an instance in the document and change the values of its parameters from the VisualARQ column 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<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p><\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:image {\"id\":36900,\"sizeSlug\":\"full\",\"linkDestination\":\"none\"} -->\n<figure class=\"wp-block-image size-full\"><img src=\"https:\/\/stg.visualarq.com\/wp-content\/uploads\/2024\/06\/Stair-GH-Style-9.png\" alt=\"Stair parameters in the stair Object Properties panel\" class=\"wp-image-36900\"\/><figcaption class=\"wp-element-caption\">Stair parameters in the stair Object Properties panel<\/figcaption><\/figure>\n<!-- \/wp:image -->","_et_gb_content_width":"","footnotes":""},"tutorgroup":[],"class_list":["post-15644","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>Stairs - 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=\"Stairs - 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\/stairs\/\" \/>\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-09-09T07:12:19+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=\"7 \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\\\/stairs\\\/\",\"url\":\"https:\\\/\\\/stg.visualarq.com\\\/zh-hans\\\/tutorial\\\/grasshopper-styles\\\/stairs\\\/\",\"name\":\"Stairs - VisualARQ\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/stg.visualarq.com\\\/zh-hans\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/stg.visualarq.com\\\/zh-hans\\\/tutorial\\\/grasshopper-styles\\\/stairs\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/stg.visualarq.com\\\/zh-hans\\\/tutorial\\\/grasshopper-styles\\\/stairs\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/stg.visualarq.com\\\/wp-content\\\/uploads\\\/2019\\\/06\\\/GH-to-VA-Stair-Example-300x281.png\",\"datePublished\":\"2019-07-26T12:34:29+00:00\",\"dateModified\":\"2024-09-09T07:12:19+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\\\/stairs\\\/#breadcrumb\"},\"inLanguage\":\"zh-Hans\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/stg.visualarq.com\\\/zh-hans\\\/tutorial\\\/grasshopper-styles\\\/stairs\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"zh-Hans\",\"@id\":\"https:\\\/\\\/stg.visualarq.com\\\/zh-hans\\\/tutorial\\\/grasshopper-styles\\\/stairs\\\/#primaryimage\",\"url\":\"https:\\\/\\\/stg.visualarq.com\\\/wp-content\\\/uploads\\\/2019\\\/06\\\/GH-to-VA-Stair-Example-300x281.png\",\"contentUrl\":\"https:\\\/\\\/stg.visualarq.com\\\/wp-content\\\/uploads\\\/2019\\\/06\\\/GH-to-VA-Stair-Example-300x281.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/stg.visualarq.com\\\/zh-hans\\\/tutorial\\\/grasshopper-styles\\\/stairs\\\/#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\":\"Stairs\"}]},{\"@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":"Stairs - 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":"Stairs - 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\/stairs\/","og_site_name":"VisualARQ","article_publisher":"https:\/\/www.facebook.com\/visualarq","article_modified_time":"2024-09-09T07:12:19+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":"7 \u5206"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/stg.visualarq.com\/zh-hans\/tutorial\/grasshopper-styles\/stairs\/","url":"https:\/\/stg.visualarq.com\/zh-hans\/tutorial\/grasshopper-styles\/stairs\/","name":"Stairs - VisualARQ","isPartOf":{"@id":"https:\/\/stg.visualarq.com\/zh-hans\/#website"},"primaryImageOfPage":{"@id":"https:\/\/stg.visualarq.com\/zh-hans\/tutorial\/grasshopper-styles\/stairs\/#primaryimage"},"image":{"@id":"https:\/\/stg.visualarq.com\/zh-hans\/tutorial\/grasshopper-styles\/stairs\/#primaryimage"},"thumbnailUrl":"https:\/\/stg.visualarq.com\/wp-content\/uploads\/2019\/06\/GH-to-VA-Stair-Example-300x281.png","datePublished":"2019-07-26T12:34:29+00:00","dateModified":"2024-09-09T07:12:19+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\/stairs\/#breadcrumb"},"inLanguage":"zh-Hans","potentialAction":[{"@type":"ReadAction","target":["https:\/\/stg.visualarq.com\/zh-hans\/tutorial\/grasshopper-styles\/stairs\/"]}]},{"@type":"ImageObject","inLanguage":"zh-Hans","@id":"https:\/\/stg.visualarq.com\/zh-hans\/tutorial\/grasshopper-styles\/stairs\/#primaryimage","url":"https:\/\/stg.visualarq.com\/wp-content\/uploads\/2019\/06\/GH-to-VA-Stair-Example-300x281.png","contentUrl":"https:\/\/stg.visualarq.com\/wp-content\/uploads\/2019\/06\/GH-to-VA-Stair-Example-300x281.png"},{"@type":"BreadcrumbList","@id":"https:\/\/stg.visualarq.com\/zh-hans\/tutorial\/grasshopper-styles\/stairs\/#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":"Stairs"}]},{"@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\/15644","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\/15644\/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=15644"}],"wp:term":[{"taxonomy":"tutorgroup","embeddable":true,"href":"https:\/\/stg.visualarq.com\/zh-hans\/wp-json\/wp\/v2\/tutorgroup?post=15644"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}