Geometric Pattern (Grasshopper Tutorial)

I was searching for a geometric pattern and I just found this one so I decided to make this in grasshopper and as you can see here I made a point attractor based pattern which I can control the geometric pattern into grasshopper and I can also change the number of these cells as you can see here we can also control this pattern how it just changed based on the point attractor and we can even swap the minimum and the maximum as you can see those pepper point attractors are going to affect the pattern so as you can see here I can change this and produce this pattern so what we want to do is to make this in grasshopper from scratch and it's going to be a little bit advanced tutorial for those who don't know but grasshopper I'm going to put a tutorial up here for the beginners who want to know more about grasshopper but for those who are following this channel for a while this is going to be a little bit advanced tutorial so let's just get started so to start from scratch what I want to do is to open grasshopper and let's just zoom in this okay first we see that we have a square pattern here so let's just make this in grass what it's really easy we have to go to the vector section and in the grid section you can see that we have a square grid here so I'm going to put this square - grasshopper let's put the bifocals plugin so you can see this and now you can see that it's producing that square the plane is XY which is fine and it's related give this a size so maybe 12.5 it's good for this size and we can also control the extent X and extend Y so let's just start from 3 to maybe 15 okay we can control C control V this and give this the X and y so we can control the number of the cells okay so before we start to model this in grasshopper we can use different methods but what I want to do is to make this as simple as possible so what we want to do is to let's just zoom in and one of those patterns okay if you look at those patterns we can just try to make this if we bring these lines here okay let me just draw this with blue this is the base pattern and then we can make this an array pull or around the center and make the four other patterns and join them together to produce the curve okay so what we need here is the this curve and if we just zoom in we can see that this point in this point is basically a fixed point because if we just go here we also have this point at this point if we go here we have this point at this point so what we can do with to make this as easy as possible is to make these two points and join them with an arc okay then if we have this point which is really easy if we just make a line we can make a point which moves in this line up and down to make this point and then we can make this and then mirror it around this one is line and make this second curve then we are done and we can just make a polar array to produce the curve so let's just go to this square thing here the first important thing is that the components in the grid section have an output which is in groups so if I just put my cursor here you can see it's that has ten groups with eleven rows and that's basically because the grid components put this in grow so you can see that we have eleven let's just change that okay you can see that we have ten groups of 15 and that means that these cells are in one group again these cells are in one group but we don't need groups here and we have to bring those cells into one group so we what we need here is that basically we need all of those cells right what we want to do is to flatten these cells and if you don't know about flats or graphed again I'm going to put a tutorial up here which is related about groups and index and those things you can watch it okay so let's just flatten this and make all of those 150 cells into one group the next part is to go and make this simple part so what I want to do is to go to the curve section and use this explode to explode these cells and you can see that each of those cells has four different segments right so it's zero let's say zero one two and three so what I want to do is to go to the list item tool and give this to the segments so it's going to pick the index 0 this is the index 0 if I just put a plus here you can see it's going to pick the second edge the third edge and the last edge right what we want to do is to just pick two of them so this edge and this edge edge is fine because we want to make the pattern here and then just let me just draw this better array this around the center so what we need is two edges and again we want to control and produce these points which is an arc and we want to just draw this so what I want to do is to let's just go and use this curve the evaluate curve is going to evaluate this curve based on if we're apologize this it's going to be from 0 to 1 okay this is not a little bit confusing here but if you report matter is going to be from 0 to 1 so if I just give this a number okay you can see it's going to be from 0 to 1 and let's just put it here ok on the next edge if I just use the evaluate the curve give it to the next stage you can see that they are moving if this is zero point two see this that's 0.2 let me just draw this if this is zero point two this is also going to be zero point two so what we can do is to swap this edge so let's just go and type flip and flip the curve and give this one a flip right so you can see that it's going to be the same here okay and now what we want to do is to produce that curve we're going to go to the curve section primitive and what we can do is to use the arc sed and the arc sed is basically a start and direction which we can produce that so I'm going to use this one the start is here the end is here and the direction at the start you can see the tangent at the start it's going to be the X right it's going to be the X direction so I'm going to put this at the X direction so that's it we can also control that here you can see we can produce it okay perhaps we just not going to add this up from 0.5 to 1 so I'm going to make this from 0.6 to maybe 0.9 because we don't want to reach the mid of the edge and we want to also have this curve so it's not going to be 1 and just destroy the arc so this is the first thing we just produced now what we have to do is to make this curve so what I want to do here is to make a line like this at the center and at the middle and move a point on that line so we could just make this happen so what we want to do is to go and use an area to find the centroid of these cells and then we have to go also find the meet you can use this point on curve tool right and connected to this this edge you can see that's going to extract the midpoint right so now what we want to do is to connect the center to the midpoint if I go to the line and connect this it's going to mess up everything and that is because this one is in groups and this one is not in groups and each of them into in one group so we have to graph this right we have talked about this again if you don't know about this you have to watch the flattened graphed tutorial and basically grasshopper is a little bit tricky in those flattened graph things and you will experience when to flatten or graph by time and based on the years of experience you have in coding in grasshopper okay so now we have this line and what we have to do is to pick a point on this line so again we'll have to go to evaluate curve Andrey Parma tries this and type zero point okay 0.45 percent and now we can control this point here so what I want to do is to draw an curve which has this tangent here it's going to make it like this and then we have a tangent right here so what we can do is to go to the spline and use this busier span if we want to and make that pattern so let's just use this busier span and you can see has a start and an end and a start tangent and an intention okay so this start is going to be this point the end point is going to be this point okay the stop tangent is going to be an X and the end one is going to be minus X so let's just give this an X but in the factor I'm going to type minus six because I want to make it and negative so here we go we can see this I guess that if we give this a number it's going to change it if we want to also make this a better result so you can also control that with a number slider I guess that we give this a single number slider so we can control it right here okay so we're good to go now what we have to do is to also produce another curve similar like this with a mirror exactly right there so we will have that final curve so I'm going to use the mirror this we need to make the plane so let's just go to the perspective we have to go to the vector section and make a plane construct plane so the center of this is going to be the center we made here the plane what we have to make is something similar to this right so it's going to make a plane that's going to mirror that so now the x-axis or the first axis is going to be a line from the center to this vertex so let's just make this a line from the centroid and we need this vertex so how can we do that we can just go and pick one of those witnesses again a list item the first is here the second is here so let's just zoom in this is the second the third and last so now what we want to do is to give this here and we're good to go we can give this as the first axis and the second one is a Z basically because we are walking on the ground and we have this plane so let's just give this to the mirror section and now we can just turn everything off and turn these three different curves on now what we want to do is to join them so I'm going to go to the curve and use this join or simply just type join curves and use this with a shift key this one again this one and we will have a simple curve so let's just make this and test it here we go now what we want to do is to make an array polar so I'm going to use an array polar array it's going to be this curve the center is going to be the center of the cells as we just made here so let's just give this to the plane is going to pick an XY plane and the count is basically a so for that's obvious and that's it so now we can again join them let's just bake this you can see that we have these curves and that's really beautiful because if I just turn off the cells we can control that with this number here okay and see how easy it is basically this number is going to change a little bit of this shape so you can see that we can also play with this one if we want to make this it's going to be not in our algorithm because I way to explain we're going to play with this number okay so it's going to be something from 0.1 to something from 0.9 if we want to just squish this something similar to this one so now we have to play with this number so it's going to be a little bit advanced for the point attractor and for those who want to know more they can go to the course we have point attractor curve attractor image a tractor a complete section on attractors and for those who want to know more or a free tutorial about this I'm going to put the Orient tutorial we talked about a little bit about point attractors so I'm going to make this a little bit fast for those who don't know about grass so it's going to be a little bit maybe complicated but let's just go and dive in so what we want to do is to put a point attractor here and move it so we can affect this pattern and we're going to connect it to this number right let's just go to the cells I'm going to go to the surface use this bounding box and connect it to this and let's just right click and use the Union box so if we don't click on this you can see that it's going to let us take this you can see it's going to produce shaded mode it's going to make each of those box so the Union box will basically mean a complete surface on that so the next part is to move the attractor point on this and I'm going to use this evaluate surface tool again if you don't know about evaluate so if this lure is going to use all of our tutorials from a long time ago so let's just put it up here you can watch the evaluate surface tutorial if you don't know why I'm apologizing this and why I'm using the MD slider so now you can see that I have made this point attractor on the patterns and it's going to always be based on the number of rows we make right so this is going to be a parametric point attractants really great if you want to design something so what we want to do here is to affect these grids so in the point attractor lessons we've talked about before we usually use a CP point a closest point and give that tractor to the cloud and the point here is going to be the center grids of these cells right so I'm going to give this center point here and now what we need to is to use this distance so the problem here is that each of these points are going to have a distant to this point attractor right so this is the distance but the problem here is that the distance or the output is in groups again another tip and for those who are just in advanced grasshopper you have to flatten this to use the remap because we want to scale this distance between a small and a big and if we just give this to a remap it's going to remap each of these groups right we don't need these groups so again we flatten and use this remap which you can download from our website and I'm going to use this is the number we are focusing so it just started from 0.1 I guess it's fine to 0.8 0.1 to 0.9 okay it's going to be extreme number and now we have to relate this to here again if we connect this is going to mess up everything because it's going to just multiply that pattern in each of those cells so we have to graph this you can see if you don't use the right group it's going to be more complicated and it's not going to help us so now we have to graph this to bring that into groups exactly back that's it so let's just turn this off we need the point attractor so let's just turn the center of this grid and it's a little bit complicated but it's really fun to play with this and you can see how easy it is you can just use multiple point attractors if you want I'm not going to go into the graph mapper thinking but for those who are just an advanced user you can remap this into 0 1 put a graph mapper to it and just make crazy patterns of like a sine wave on this but for those who just watch this you can see it it's going to use that point attractor you can use as many as pointed edges you want and produce this pattern again it's going to be a little bit complicated but you can scale this not scale it you have to simply scale the cell a little bit down if you want an offset because the office is going to be slow one but this is really easy now we have this you can bake it and we have these patterns right you can connect a surface to this and have the surface pattern of this or you can simply just extrude them if you want to make a 3d extrusion of this so let's just go to the perspective and let's just make this here it goes so this was a tutorial of how you can make these patterns in grasshopper let's just go here and here it goes this is the pattern and it's really beautiful it's just converting from this pattern to this pattern and we used a simple method of using the arcs and the Bezier okay let's just turn this off disable this it's going to be faster and let's just go to the top view that was the tutorial thanks for watching remember to subscribe and for those who want to know more about grasshopper they can also enroll in our power course we have since in our courses that we are supporting us thanks for that and see you next time [Music]

Channel: Rhino Grasshopper

Views: 23,667

Rating: 4.9844055 out of 5

Keywords: grasshopper tutorial, Parametric design, Architecture, tutorial, 3d modeling, geometric patterns, parametric patterns, grasshopper, parametric design, architecture

Id: n_bZJjkkkG8

Length: 21min 35sec (1295 seconds)

Published: Sat Mar 09 2019