![\"A](\"https:\/\/www.keris-studio.fr\/blog\/wp-content\/a-building-facade-made-of-random-container-like-el.jpeg\")
<\/p>\nThis tutorial aims to create a random fa\u00e7ade from a couple of elements. It starts from two basic shapes which are then assemble on a grid.<\/p>\n
We will use Beegraphy, the online Grasshopper for that. https:\/\/beegraphy.com\/<\/p>\n
<\/p>\n
BeeGraphy<\/a> is an innovative cloud-based platform tailored for computational designers. It provides effortless cross-platform compatibility, removing the requirement for installations, thereby facilitating seamless usage on Windows, Mac, or Linux systems. By enabling model creation directly in the cloud and allowing easy sharing through a straightforward URL link, BeeGraphy fosters real-time collaboration and co-creation among individuals and teams. Beegraphy<\/a> ensures that you can share your parametric models securely without disclosing the underlying script, empowering to present designs confidently. Additionally, Beegrapgy<\/a> offers the opportunity to showcase and market models in Beegraphy<\/a> online store, generating passive income.<\/p>\n Is this tutorial we will learn how to<\/strong><\/p>\n We can imagine the Grid<\/strong> as a frame on which we will hang our elements.<\/p>\n Now we connect, Origine, Width, Length, X Count, Y count and Padding<\/p>\n Remember that your Range Input<\/strong> Component can be renamed. Just double click on Range Input<\/strong> and put the corresponding denomination.<\/p>\n Our Grid is done.<\/p>\n Creating two elements<\/strong><\/p>\n The base will be done from a Width \/ Length Rectangle<\/strong>. This rectangle which is a Curve<\/strong> will be transformed to Surface<\/strong> using Curve to Surface<\/strong>.<\/p>\n We add a Face Normals to get the barycentre of our shape. This will me needed to place the objects at the right position<\/p>\n We create a first block by Extrusion. We keep it very very simple for the moment.<\/p>\n We can duplicate to have a second block, a bit different (we just change the extrusion value) and with a different colour. In the future, we will apply a texture and maybe play with more blocks<\/p>\n We have our two blocks<\/p>\n We put a Random Numbers List<\/strong><\/p>\n We add a Range Input<\/strong> in Count<\/strong>, it will give the number of different elements, in other words, the variety<\/p>\n We add a Seed<\/strong>, a Seed<\/strong> is a value to obtain different variations from a same input.<\/p>\n In Start<\/strong> we put a Constant Value<\/strong>, which will be 0.<\/p>\n In End<\/strong>, we put the List Length that we get from the component List Length.<\/p>\n Now we have a list of random Index Values.<\/p>\n Ok, just a quick explanation.<\/p>\n Each element that we create has a \u201cpersonality\u201d this is the Item (f.I. a Rectangle) and a position in a list, this is the Index. In our Grid we have many elements, like points or rectangle. Each of them is sorted in a list with the \u201cwhat is it\u201d= Item and the position in the List=Index It\u2019s a bit hard to explain isn\u2019t it? It the heart of BeeGraphy and Grasshopper.<\/p>\n Maybe we can say it\u2019s like having a bag full of Snooker balls, each one has a different number. We create randomly a set of numbers and we take the corresponding ball. In fact, it\u2019s like playing Bingo\u2026let\u2019s say, it\u2019s a Bingo Play !<\/p>\n Now we have a collection of Item that are randomly being chosen, and the rest. Let\u2019s identify what is left.<\/p>\n It is simply done with a List Difference.<\/strong><\/p>\n OK now we have our main list randomly split into 2 sub lists of Points.<\/p>\n OK, it\u2019s now super easy. We will move the 2 first block to the grid\u2026randomly.<\/p>\n For that we need a vector to explain where it starts and where it goes. It starts where the first block is, it goes to the grid.<\/p>\n This is the starting point, remember<\/p>\n This are the sorted Points of the Grid. The 2 lists of Item.<\/p>\n We just have to connect them to a Vector 2 Points<\/strong><\/p>\n Then we apply a Move<\/strong>, Geometries are the Blocks, Vectors, the one we just created.<\/p>\n\n
Building the Grid<\/h1>\n
![\"\"](\"https:\/\/www.keris-studio.fr\/blog\/wp-content\/word-image-13529-2.png\")
<\/a><\/p>\n![\"\"](\"https:\/\/www.keris-studio.fr\/blog\/wp-content\/word-image-13529-3.png\")
<\/a><\/p>\n![\"\"](\"https:\/\/www.keris-studio.fr\/blog\/wp-content\/word-image-13529-4.png\")
<\/a><\/p>\n![\"\"](\"https:\/\/www.keris-studio.fr\/blog\/wp-content\/word-image-13529-5.png\")
<\/a><\/p>\n![\"\"](\"https:\/\/www.keris-studio.fr\/blog\/wp-content\/word-image-13529-6.png\")
<\/a><\/p>\n![\"\"](\"https:\/\/www.keris-studio.fr\/blog\/wp-content\/word-image-13529-7.png\")
<\/a><\/p>\nCreating a random distribution<\/h1>\n
![\"\"](\"https:\/\/www.keris-studio.fr\/blog\/wp-content\/word-image-13529-8.png\")
<\/a><\/p>\n
\nWhen we create this Random Numbers List, we just create Random Index and then we pick them in the global List.<\/p>\n![](\"https:\/\/www.keris-studio.fr\/blog\/wp-content\/word-image-13529-9.png\")
<\/p>\n![\"\"](\"https:\/\/www.keris-studio.fr\/blog\/wp-content\/word-image-13529-10.png\")
<\/a><\/p>\n![\"\"](\"https:\/\/www.keris-studio.fr\/blog\/wp-content\/word-image-13529-11.png\")
<\/a><\/p>\n![\"\"](\"https:\/\/www.keris-studio.fr\/blog\/wp-content\/word-image-13529-12.png\")
<\/a><\/p>\nDistributing the Blocks<\/h1>\n
![\"\"](\"https:\/\/www.keris-studio.fr\/blog\/wp-content\/word-image-13529-13.png\")
<\/a><\/p>\n![\"\"](\"https:\/\/www.keris-studio.fr\/blog\/wp-content\/word-image-13529-14.png\")
<\/a><\/p>\n![\"\"](\"https:\/\/www.keris-studio.fr\/blog\/wp-content\/word-image-13529-15.png\")
<\/a><\/p>\n
![\"\"](\"https:\/\/www.keris-studio.fr\/blog\/wp-content\/word-image-13529-16.png\")
<\/a><\/p>\n![\"\"](\"https:\/\/www.keris-studio.fr\/blog\/wp-content\/word-image-13529-17.png\")
<\/a><\/p>\n![](\"https:\/\/www.keris-studio.fr\/blog\/wp-content\/word-image-13529-18.png\")