- CodedShapes
- Posts
- Modelling the Winton Guest House in Grasshopper - Part 2/4
Modelling the Winton Guest House in Grasshopper - Part 2/4
Today, we continue with part 2 of modelling the Winton Guest House. Where I look at creating the longer trailer building together with its features.
![](https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/c410d986-7ec4-434e-ba68-38b115850d72/78071c7e-0fcb-4a38-a7c4-1cfc189beb75_1920x1080.jpg)
Part 1 Recap
In part 1, I modelled three buildings that all used similar workflows.
![](https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/8a653e10-4368-473d-97ac-cfe8355c39be/e41efc59-95f9-46d6-8dc2-b7acd9156b7e_1920x1080.jpg)
Each building creation process is roughly shown below:
Choose an edge of an existing rectangle
Then choose a point on that edge
Create a rectangle from the chosen point
Manipulate rectangle if need be (rotate or move a vertex)
Extrude in the right direction.
You can find a detailed explanation of Part 1 including the grasshopper script that I used, in last week's article here.
Learning Features of Part 2
How to create a plane that isn't aligned with any of the world planes
How to work with such a plane
Get more familiar with creating rectangles using different domains
Modelling
1. Select an Edge and a Face
Like a lot of the steps in part 1, I start off by selecting a point of an edge from the central prism.
![](https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/dc2d5e99-dc5c-4d62-b0a5-a19e8ff6cde2/80717939-96be-4557-b9dc-53c58811984a_1920x1080.jpg)
Which roughly corresponds to:
![](https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/97019e03-1c85-4d64-8a40-74b8cddfae70/09eaddd8-2c16-418a-85de-42ba9e3e8bcf_789x673.jpg)
But this time, because the face of the trailer doesn't align with any of the world planes, I need to also select the right face. Through a very familiar process, I can select the face of the B-rep with the Deconstruct Brep component.
![](https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/c0a91b36-5573-4f1b-ba9c-0917fe8d5215/d4cf1318-7661-47ce-852e-e1619fc6a295_1920x1080.jpg)
2. Create a Plane in the same orientation as the selected surface
From there, I can use the selected surface and create a plane that sits on the surface with the Evaluate Surface component.
This component works similarly to the Evaluate Curve component, instead of giving a parameter t on a curve, I have to give it two parameters in the U and V direction of the surface. More on surfaces here. Grasshopper offers a way to do this visually with the MD slider component.
![](https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/521fba05-eeca-47b7-b964-82137ae6846e/967ec844-7bbd-4bb7-88dc-c023c08b1d0a_1920x1080.jpg)
side note: Remember to re-parametrise the surface
But even though the plane has the correct orientation, it isn't in the right location. The origin of the plane should be my chosen point from earlier. To move the plane, I can re-define its origin with the Plane Origin component.
![](https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/f31b6fe0-23b4-4e5c-be74-ee50bbf91dbb/eaf27e39-3afa-4464-8ac7-3964f7a679f2_1920x1080.jpg)
From here, we can go through the same steps in part 1 and create a rectangle for the trailer building.
![](https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/950467d4-0164-417c-a589-da7ad5278894/46383f9d-c4a7-4f95-8521-6bdaf63da0cc_1920x1080.jpg)
3. Create Trailer Building
Now, if I followed the same steps in part 1, I would be looking to extrude the rectangle in a direction but this building is different. Because, if we look at the plan view of the model, the orientation of the shape does not end the way it started.
This is best represented by the two red lines in the figure below, notice how they are not in the same direction.
![](https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/e5328491-c01f-4242-a017-bb582b33b895/31cb51d1-3324-448c-9fd8-d56916578ddd_783x666.jpg)
Just to further show what I mean, let’s see what happens if we do just extrude the current rectangle in the X-direction.
![](https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/a2dda596-7db6-493f-82fc-ff32125abf79/c6ac8545-8cfd-4296-9849-4f0186660578_1920x1080.jpg)
You can see that the end result is not what we wanted the building to look like. So, instead of trying to extrude in a single direction, I am going to create another rectangle and loft between the two. To do this, I have to first make a rectangle that is in the right orientation.
![](https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/bb669055-449a-4d78-bdd8-4653ceceb85f/8c234543-a0bc-4ea3-a6d7-f207f7b6d97d_1920x1080.jpg)
Side Note: I am lazy, so I aligned the rectangle to the YZ Plane, feel free to rotate it so that it better represents what we see in the plan view
I then move the rectangle by some amount and then loft between the two.
![](https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/6eaf5cbf-44fb-4f9f-be85-6eb5c62e215b/e170ed1e-00a1-48b9-af57-8ee58a135319_1920x1080.jpg)
Side Note: You might have to use the plane's normal to move instead of the X direction if you rotated the plane
You might also have to flip the first rectangle, depending on how your other rectangle was created
![](https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/3e5feac5-0fe0-46da-b901-93d4d2ec7c9a/fb9fa2a6-3d21-4e9e-ab65-29a0f0777411_1920x1080.jpg)
You can see that by using the loft, I am able to better represent the trailer building according to the plan view of this model. With the trailer created, I can then move on to creating the other components around the trailer.
4. Create the Column
To create the column, I have to again select the right edge and the right point of the trailer building that I have just created
![](https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/2ac7840e-0c26-4171-bbff-5c54f1eca0b5/6bb52a22-a581-4b79-930b-361a215fcc4f_1920x1080.jpg)
Which roughly corresponds to this point
![](https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/2bfa71c9-178e-4c3e-af05-a8378b7a4a77/abe05cc5-720c-4ec4-a643-b5edbfd1bf7a_793x674.jpg)
Then, I can move the point a certain distance away from the edge, create a circle using the circle component and extrude it upwards to the height of the trailer building.
![](https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/308c8572-88f0-4b81-9508-df215d5336fe/87bed437-1ea9-4786-8066-55284f24c997_1920x1080.jpg)
Side Note: If you rotated the end rectangle before, you have to use the Y or X vector of that plane instead of the World Y direction like I have done, the deplane component should help you out with that
5. Create the container
To create the container, I have to first move the point of the circle to the top of the column. And then, like before, I will create an XY plane and rotate it.
![](https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/c01fc0bb-cd37-46cc-979a-97ae4a606b8e/92ee364b-6742-49ba-89c0-c4871824653b_1920x1080.jpg)
Using this plane, I can then create my rectangle but I need to also be inclusive of the circle when I do so. To do this, I can simply include the radius of the circle when I create the rectangle. The diagram below hopefully better shows what I mean.
![](https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/b82ea7ab-752a-41d3-b39a-9416eaf28391/3f67b481-422f-4334-965d-9aa993d4af7e_1174x685.jpg)
So if I include the negative of the circle's radius, my circle should sit inside the rectangle.
To do that, I can feed in the dimensions of my rectangle and the negative radius into a bounds component. The component will take in all the values and create the domain that I can use to create the rectangle.
![](https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/966f780d-6014-429e-abf9-9d26f8e5b4f9/92bcda1a-4b11-4dde-88dd-a0f3a5d2d0da_1920x1080.jpg)
Then, I can just extrude the rectangle upwards by some amount as the height to create the building
![](https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/9a22f747-2959-4065-b5fc-dc05e023b378/52de157d-db53-47be-b71c-74bf40c976b9_1920x1080.jpg)
Final Thoughts
This brings us to the end of part 2. As you can see, the workflow for these buildings was quite different from part 1. It was no longer about creating the rectangle and extruding it, it became more of a problem-solving exercise of trying to get the B-reps in the right shape and orientation.
In the next part, we look at creating the Leaf structure which is the final and most complicated building of this model. So far, we have been creating buildings with extrusions and lofts but the leaf structure requires a very different approach, we have to use solid intersections.
This article belongs to a 4-part series that is about modelling the Winton Guest House in Grasshopper. It aims to demonstrate how Grasshopper is used to create models in projects.
Part 2 - Modelling