{"id":11498,"date":"2013-07-18T00:00:00","date_gmt":"2013-07-18T00:00:00","guid":{"rendered":"https:\/\/stg.visualarq.com\/features\/grasshopper\/exercises\/exercise-3-create-a-grid-of-columns\/"},"modified":"2019-01-02T16:17:21","modified_gmt":"2019-01-02T16:17:21","slug":"exercise-3-create-a-grid-of-columns","status":"publish","type":"page","link":"https:\/\/stg.visualarq.com\/it\/learn\/grasshopper-components\/exercise-3-create-a-grid-of-columns\/","title":{"rendered":"Esercizio 3. Creare una griglia di colonne"},"content":{"rendered":"<h1>Esercizio 3. Creare una griglia di colonne<\/h1>\n\n<p>Questo esercizio mostra come creare una griglia di colonne di VisualARQ con Grasshopper.<\/p>\n\n<p>In questo esercizio si usa il componente Rectangular Grid, ma si pu\u00f2 usare qualsiasi altro tipo di componente griglia (<em>Hexagonal<\/em>,\u00a0<em>Radial<\/em>,\u00a0<em>Square<\/em>\u00a0o <em>Triangular)<\/em>.<\/p>\n\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-7886\" alt=\"Griglia colonne\" src=\"https:\/\/stg.visualarq.com\/wp-content\/uploads\/sites\/2\/2013\/07\/Column-Grid-2.png\" width=\"868\" height=\"288\" \/><\/p>\n\n<h3>1. Creare la griglia:<\/h3>\n\n<ul>\n\n<li>1. Trascinare un componente <strong>Rectangular Grid<\/strong> (scheda Vector &gt; Grid)\u00a0<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-7866\" alt=\"Rectangular grid\" src=\"https:\/\/stg.visualarq.com\/wp-content\/uploads\/sites\/2\/2013\/07\/Rectangular-grid.png\" width=\"23\" height=\"23\" \/> sul canvas di Grasshopper. Questo componente presenta vari input, che definiscono il numero di celle della griglia (<strong><em>Ex, Ey<\/em><\/strong>) e le dimensioni delle celle della griglia (<strong><em>Sx, Sy<\/em><\/strong>).<\/li>\n\n<li>2. Usare vari componenti <strong>Number Slider<\/strong> per definire i valori di questi parametri. L&#8217;output <em><strong>C<\/strong><\/em> determina i contorni delle celle della griglia, mentre l&#8217;output <em><strong>P<\/strong><\/em> determina i punti sui vertici della griglia.<\/li>\n\n<\/ul>\n\n<h3>2. Inserire le colonne<\/h3>\n\n<ol>\n\n<li>Trascinare un componente <strong>Column<\/strong> <img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-5107\" alt=\"VA_Column\" src=\"https:\/\/stg.visualarq.com\/wp-content\/uploads\/sites\/2\/2012\/06\/VA_Column.jpg\" width=\"26\" height=\"26\" \/> sul canvas di Grasshopper. Questo componente ha due input:\n\n<ul>\n\n<li><strong>P: <\/strong>Punto di inserimento della colonna. Determina la posizione<strong>\u00a0<\/strong>di una colonna nel modello.\u00a0<\/li>\n\n<li><strong>O:<\/strong>\u00a0Opzioni per specificare tutti i parametri della colonna.<\/li>\n\n<\/ul>\n\n<\/li>\n\n<\/ol>\n\n<ul>\n\n<li>2. Specificare i punti di inserimento delle colonne. Connettere l&#8217;output P del componente Rectangular Grid all&#8217;input P del componente Column. Verr\u00e0 creata una colonna su ogni vertice della griglia.<\/li>\n\n<\/ul>\n\n<h3>3. Definire i parametri della colonna<\/h3>\n\n<ul>\n\n<li>1. Trascinare un componente <strong>Column Options<\/strong> <img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-7868\" alt=\"Column Options\" src=\"https:\/\/stg.visualarq.com\/wp-content\/uploads\/sites\/2\/2013\/07\/Column-Options-24.png\" width=\"24\" height=\"24\" \/>\u00a0sul canvas di Grasshopper. Questo componente ha vari input, i quali definiscono i parametri della colonna.<\/li>\n\n<li>2. Connettere l&#8217;output <em>O<\/em> del componente &#8220;Column Options&#8221; all&#8217;input <em>O<\/em> del componente &#8220;Column&#8221;.<\/li>\n\n<li>3. Impostare le varie <em>Column Options<\/em>:\n\n<ul>\n\n<li><strong>(<em>S<\/em>) Column<em>\u00a0<\/em><span style=\"color: #000000\">Style<\/span>:\u00a0<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-7867\" alt=\"Column Style Param\" src=\"https:\/\/stg.visualarq.com\/wp-content\/uploads\/sites\/2\/2013\/07\/Column-Style-Param-24.png\" width=\"24\" height=\"24\" \/><\/strong> \u00c8 possibile trascinare un componente <em>Column Style<\/em> sul canvas e connetterlo all&#8217;input <em>S<\/em> del componente <em>Column Options<\/em>. Al componente <em>Column Style<\/em> \u00e8 stato assegnato di default uno stile standard. Per assegnargli uno stile diverso, cliccare con il tasto destro sul componente e selezionare l&#8217;opzione &#8220;<em>Set one Column Style<\/em>&#8221; dall&#8217;elenco. Grasshopper rimane nascosto fino a quando non si seleziona uno stile di colonna dall&#8217;elenco visualizzato nella nuova finestra pop-up. L&#8217;elenco mostra gli stili di colonna disponibili nel documento di Rhino in cui si sta lavorando. (Per modificare o creare nuovi stili di colonna, rimpicciolire la finestra di <em>Grasshopper<\/em> ed aprire la finestra di dialogo degli <em>stili di colonna<\/em>, comando &#8220;<em>_vaColumnStyles<\/em>&#8220;).<\/li>\n\n<li><em id=\"__mceDel\"><em id=\"__mceDel\"><strong>(<em>P<\/em>) Column<em>\u00a0<span style=\"color: #000000\">Profile<\/span><\/em><\/strong>: <\/em><\/em>Il profilo della colonna determina la forma della sezione della colonna. Questo profilo di forma deve coincidere con il profilo dello stile di colonna corrente, altrimenti Grasshopper riscontrer\u00e0 un errore e la colonna non verr\u00e0 creata.<\/li>\n\n<li><em id=\"__mceDel\"><strong>(<em>A<\/em>) Column<em>\u00a0<span style=\"color: #000000\">Align<\/span><\/em><\/strong>:\u00a0<img loading=\"lazy\" decoding=\"async\" alt=\"9 point alignment-24\" src=\"https:\/\/stg.visualarq.com\/wp-content\/uploads\/sites\/2\/2013\/06\/9-point-alignment-24.png\" width=\"24\" height=\"24\" \/>\u00a0<\/em>L&#8217;allineamento determina la posizione del punto di inserimento della colonna secondo la forma del suo profilo. Trascinare un componente <em>Column\u00a0Alignment<\/em> sul canvas e connetterlo all&#8217;input A del componente &#8220;Column Options&#8221;. Cliccare sul componente <em>Column\u00a0Alignment<\/em> e selezionare una delle seguenti nove opzioni: (<em>0=Top Left, 1=Top Middle, 2=Top Right, 3=Midlde left, 4=Center,\u00a05=Middle Right, 6=Bottom Left, 7=Bottom Middle e 8=Bottom Right<\/em>).<\/li>\n\n<li><em id=\"__mceDel\"><strong>(<em>O<\/em>)\u00a0<em>Column Alignment Offset<\/em><\/strong>: <\/em>Questo valore definisce la distanza della colonna dal suo punto di inserimento.<\/li>\n\n<li><em id=\"__mceDel\"><strong><em>(R) Rotation<\/em><\/strong>: <\/em>Questo valore determina la rotazione del profilo della colonna sul piano XY.<\/li>\n\n<li><em id=\"__mceDel\"><strong><em>(H) Height<\/em><\/strong>: <\/em>L&#8217;altezza della colonna.<\/li>\n\n<\/ul>\n\n<\/li>\n\n<\/ul>\n\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-7891\" alt=\"Esempi di griglie\" src=\"https:\/\/stg.visualarq.com\/wp-content\/uploads\/sites\/2\/2013\/07\/Grid-samples.jpg\" width=\"800\" height=\"200\" \/><\/p>","protected":false},"excerpt":{"rendered":"<p>Esercizio 3. Creare una griglia di colonne Questo esercizio mostra come creare una griglia di colonne di VisualARQ con Grasshopper. In questo esercizio si usa il componente Rectangular Grid, ma si pu\u00f2 usare qualsiasi altro tipo di componente griglia (Hexagonal,\u00a0Radial,\u00a0Square\u00a0o Triangular). 1. Creare la griglia: 1. Trascinare un componente Rectangular Grid (scheda Vector &gt; Grid)\u00a0 [&hellip;]<\/p>\n","protected":false},"author":6,"featured_media":0,"parent":11492,"menu_order":3,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_et_pb_use_builder":"","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"class_list":["post-11498","page","type-page","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>Esercizio 3. Creare una griglia di colonne - VisualARQ<\/title>\n<meta name=\"robots\" content=\"noindex, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<meta property=\"og:locale\" content=\"it_IT\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Esercizio 3. Creare una griglia di colonne - VisualARQ\" \/>\n<meta property=\"og:description\" content=\"Esercizio 3. Creare una griglia di colonne Questo esercizio mostra come creare una griglia di colonne di VisualARQ con Grasshopper. In questo esercizio si usa il componente Rectangular Grid, ma si pu\u00f2 usare qualsiasi altro tipo di componente griglia (Hexagonal,\u00a0Radial,\u00a0Square\u00a0o Triangular). 1. Creare la griglia: 1. Trascinare un componente Rectangular Grid (scheda Vector &gt; Grid)\u00a0 [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/stg.visualarq.com\/it\/learn\/grasshopper-components\/exercise-3-create-a-grid-of-columns\/\" \/>\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=\"2019-01-02T16:17:21+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/stg.visualarq.com\/wp-content\/uploads\/sites\/2\/2013\/07\/Column-Grid-2.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@VisualARQ\" \/>\n<meta name=\"twitter:label1\" content=\"Tempo di lettura stimato\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 minuti\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/stg.visualarq.com\\\/it\\\/learn\\\/grasshopper-components\\\/exercise-3-create-a-grid-of-columns\\\/\",\"url\":\"https:\\\/\\\/stg.visualarq.com\\\/it\\\/learn\\\/grasshopper-components\\\/exercise-3-create-a-grid-of-columns\\\/\",\"name\":\"Esercizio 3. Creare una griglia di colonne - VisualARQ\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/stg.visualarq.com\\\/it\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/stg.visualarq.com\\\/it\\\/learn\\\/grasshopper-components\\\/exercise-3-create-a-grid-of-columns\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/stg.visualarq.com\\\/it\\\/learn\\\/grasshopper-components\\\/exercise-3-create-a-grid-of-columns\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/stg.visualarq.com\\\/wp-content\\\/uploads\\\/sites\\\/2\\\/2013\\\/07\\\/Column-Grid-2.png\",\"datePublished\":\"2013-07-18T00:00:00+00:00\",\"dateModified\":\"2019-01-02T16:17:21+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/stg.visualarq.com\\\/it\\\/learn\\\/grasshopper-components\\\/exercise-3-create-a-grid-of-columns\\\/#breadcrumb\"},\"inLanguage\":\"it-IT\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/stg.visualarq.com\\\/it\\\/learn\\\/grasshopper-components\\\/exercise-3-create-a-grid-of-columns\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\\\/\\\/stg.visualarq.com\\\/it\\\/learn\\\/grasshopper-components\\\/exercise-3-create-a-grid-of-columns\\\/#primaryimage\",\"url\":\"https:\\\/\\\/stg.visualarq.com\\\/wp-content\\\/uploads\\\/sites\\\/2\\\/2013\\\/07\\\/Column-Grid-2.png\",\"contentUrl\":\"https:\\\/\\\/stg.visualarq.com\\\/wp-content\\\/uploads\\\/sites\\\/2\\\/2013\\\/07\\\/Column-Grid-2.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/stg.visualarq.com\\\/it\\\/learn\\\/grasshopper-components\\\/exercise-3-create-a-grid-of-columns\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/stg.visualarq.com\\\/it\\\/home\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Formazione\",\"item\":\"https:\\\/\\\/stg.visualarq.com\\\/it\\\/learn\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Componenti per Grasshopper\",\"item\":\"https:\\\/\\\/stg.visualarq.com\\\/it\\\/learn\\\/grasshopper-components\\\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"Esercizio 3. Creare una griglia di colonne\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/stg.visualarq.com\\\/it\\\/#website\",\"url\":\"https:\\\/\\\/stg.visualarq.com\\\/it\\\/\",\"name\":\"VisualARQ\",\"description\":\"Flexible BIM for Rhino\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/stg.visualarq.com\\\/it\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"it-IT\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Esercizio 3. Creare una griglia di colonne - VisualARQ","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":"it_IT","og_type":"article","og_title":"Esercizio 3. Creare una griglia di colonne - VisualARQ","og_description":"Esercizio 3. Creare una griglia di colonne Questo esercizio mostra come creare una griglia di colonne di VisualARQ con Grasshopper. In questo esercizio si usa il componente Rectangular Grid, ma si pu\u00f2 usare qualsiasi altro tipo di componente griglia (Hexagonal,\u00a0Radial,\u00a0Square\u00a0o Triangular). 1. Creare la griglia: 1. Trascinare un componente Rectangular Grid (scheda Vector &gt; Grid)\u00a0 [&hellip;]","og_url":"https:\/\/stg.visualarq.com\/it\/learn\/grasshopper-components\/exercise-3-create-a-grid-of-columns\/","og_site_name":"VisualARQ","article_publisher":"https:\/\/www.facebook.com\/visualarq","article_modified_time":"2019-01-02T16:17:21+00:00","og_image":[{"url":"https:\/\/stg.visualarq.com\/wp-content\/uploads\/sites\/2\/2013\/07\/Column-Grid-2.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_site":"@VisualARQ","twitter_misc":{"Tempo di lettura stimato":"2 minuti"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/stg.visualarq.com\/it\/learn\/grasshopper-components\/exercise-3-create-a-grid-of-columns\/","url":"https:\/\/stg.visualarq.com\/it\/learn\/grasshopper-components\/exercise-3-create-a-grid-of-columns\/","name":"Esercizio 3. Creare una griglia di colonne - VisualARQ","isPartOf":{"@id":"https:\/\/stg.visualarq.com\/it\/#website"},"primaryImageOfPage":{"@id":"https:\/\/stg.visualarq.com\/it\/learn\/grasshopper-components\/exercise-3-create-a-grid-of-columns\/#primaryimage"},"image":{"@id":"https:\/\/stg.visualarq.com\/it\/learn\/grasshopper-components\/exercise-3-create-a-grid-of-columns\/#primaryimage"},"thumbnailUrl":"https:\/\/stg.visualarq.com\/wp-content\/uploads\/sites\/2\/2013\/07\/Column-Grid-2.png","datePublished":"2013-07-18T00:00:00+00:00","dateModified":"2019-01-02T16:17:21+00:00","breadcrumb":{"@id":"https:\/\/stg.visualarq.com\/it\/learn\/grasshopper-components\/exercise-3-create-a-grid-of-columns\/#breadcrumb"},"inLanguage":"it-IT","potentialAction":[{"@type":"ReadAction","target":["https:\/\/stg.visualarq.com\/it\/learn\/grasshopper-components\/exercise-3-create-a-grid-of-columns\/"]}]},{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/stg.visualarq.com\/it\/learn\/grasshopper-components\/exercise-3-create-a-grid-of-columns\/#primaryimage","url":"https:\/\/stg.visualarq.com\/wp-content\/uploads\/sites\/2\/2013\/07\/Column-Grid-2.png","contentUrl":"https:\/\/stg.visualarq.com\/wp-content\/uploads\/sites\/2\/2013\/07\/Column-Grid-2.png"},{"@type":"BreadcrumbList","@id":"https:\/\/stg.visualarq.com\/it\/learn\/grasshopper-components\/exercise-3-create-a-grid-of-columns\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/stg.visualarq.com\/it\/home\/"},{"@type":"ListItem","position":2,"name":"Formazione","item":"https:\/\/stg.visualarq.com\/it\/learn\/"},{"@type":"ListItem","position":3,"name":"Componenti per Grasshopper","item":"https:\/\/stg.visualarq.com\/it\/learn\/grasshopper-components\/"},{"@type":"ListItem","position":4,"name":"Esercizio 3. Creare una griglia di colonne"}]},{"@type":"WebSite","@id":"https:\/\/stg.visualarq.com\/it\/#website","url":"https:\/\/stg.visualarq.com\/it\/","name":"VisualARQ","description":"Flexible BIM for Rhino","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/stg.visualarq.com\/it\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"it-IT"}]}},"_links":{"self":[{"href":"https:\/\/stg.visualarq.com\/it\/wp-json\/wp\/v2\/pages\/11498","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/stg.visualarq.com\/it\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/stg.visualarq.com\/it\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/stg.visualarq.com\/it\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/stg.visualarq.com\/it\/wp-json\/wp\/v2\/comments?post=11498"}],"version-history":[{"count":0,"href":"https:\/\/stg.visualarq.com\/it\/wp-json\/wp\/v2\/pages\/11498\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/stg.visualarq.com\/it\/wp-json\/wp\/v2\/pages\/11492"}],"wp:attachment":[{"href":"https:\/\/stg.visualarq.com\/it\/wp-json\/wp\/v2\/media?parent=11498"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}