- CodedShapes
- Posts
- Modelling the Winton Guest House in Grasshopper - Part 1/4
Modelling the Winton Guest House in Grasshopper - Part 1/4
Hi there,
I thought we take a break from modelling towers and try modelling something that exists in real life. It is a fairly straightforward model and one that you normally would not apply parametric techniques to model. But I am doing so in the hopes that it will better teach us how to use Grasshopper.
The model we are going to be creating is the Winton Guest House, which is a pretty famous architectural piece. It’s a 4-part series that will get you familiar with how to model something in Grasshopper by looking at drawings and images. It’s a very similar process that I go through when I use Grasshopper for modelling at work.
![](https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/adcec9c6-2dbb-4cb0-af4e-eaa1dedab550/7f47484c-cc0a-456c-9a42-e659c99990db_1920x1080.jpg)
Overall Learning Features
Managing a medium-sized script
Canvas Organisation and management
what it is like to create a Grasshopper workflow from a set of images and references
Learning Features of Part 1
Establishing a workflow from a reference
Creating and extruding geometry
Lofting and rotating geometry
Modelling
1. Creating the rectangle
There are many ways to start this model but I like to start with the easiest one and work my way through the model. For me, the easiest one to start is the simple rectangular building with the rotated chimney on the top.
![](https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/d92d716c-1b45-4301-919d-ea68c31181d3/5ae1972b-4a6d-46f1-b5d9-96f7cf9ca027_1920x1080.jpg)
I start by creating a simple rectangle using the rectangle component and then I extrude that rectangle up by some height and I have the rectangular building completed.
![](https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/d54b05b7-53a5-43f6-ba32-3d83569ea432/5633a35f-7086-434f-87ca-ba8ccffe6f28_1919x1080.jpg)
2. Creating the chimney above the rectangle
I then make my way top, to create the chimney on the top
![](https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/21d6ba85-5f9b-44ec-ab3f-4b7bd88f9e6f/90bc4b39-978d-40ee-8b81-f0369ee2cbed_1920x1080.jpg)
To create the chimney, I move the base rectangle up by the same amount that I extruded before, just to get a curve at the roof of the previous building.
![](https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/186b4cfd-30ef-4d71-8511-0ecb95f5e80f/6c230813-bfaa-474d-8335-285559473247_1920x1080.jpg)
Then, since the curve came from the rectangle component, I know the order of the edges is consistent. I can then use List Item to select the right edge, in this case, it’s the last edge of the rectangle.
![](https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/5298906d-d7b2-4883-81e0-aa4fff91e64f/92dd986f-f867-4fdb-8297-e5acd38dbe44_1920x1080.jpg)
I can then use the evaluate curve component to get a point on the curve. I am going to choose the centre of the curve, which can be done by re-parametrising the curve and putting a 0.5 into the t input of the component.
![](https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/6232fc16-d401-4c6c-8c75-dff92e876eb0/231e661c-c3e6-43f4-9001-4472cc66d00d_1920x1080.jpg)
side note: you could have also used the curve middle component to get the mid point of the curve
I have to then rotate the chimney by rotating the plane around its origin by roughly 45 degrees. I can then use another rectangle component to create the base floor profile and extrude it up by some amount again.
![](https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/74b29d06-4fe0-4904-ae55-312541e109a2/7a665f93-a4d5-4499-b43f-0a0f176bbb26_1920x1080.jpg)
and with that, we have the first building of this model done.
3. Creating the Central Prism
Like before, I will use the base curve of the first rectangular building to create the central prism building.
![](https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/efbd5abf-faad-4f36-a093-b23871dec3ba/4a5fba57-70ab-452f-8a79-15555499a4be_1920x1080.jpg)
To create the central prism building, I have to again select the right edge of the first rectangle that I created and then choose a point of that edge.
![](https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/74309810-2bcf-4b70-a19d-190862f59196/92de52d0-54bc-44fb-a1c7-8aa2f25530b1_1920x1080.jpg)
I moved the slider around so that I roughly get a point that corresponds to the red cross in the plan view of the model below.
![](https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/46a45a0d-025f-44f3-880f-551d66a4f466/4fd0b18a-722a-476e-9c9f-5673e47c1b19_797x677.jpg)
When I look at the shape of the central prism building, I notice that it is a rectangle with a vertex that has been shifted slightly in the X and Y direction.
![](https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/18557b37-b9f2-4df0-9ceb-e67133b3a040/809361a3-1fe6-406a-886c-ef7a56dce783_793x674.jpg)
So, I create another rectangle from the chosen point. Exploded the curve and selected the right vertex and moved it by a distance in the X and the Y direction. And then merge it back with the order vertices to maintain the order of the list.
![](https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/fa1104e0-2728-4729-8b17-1cc9b8337a2e/01135a11-d0d5-4297-9e0b-16232f6461bf_1920x1080.jpg)
side note: I am using the transform component to merge the two directions, you can just as well use two move components
I then use a polyline component to create a curve between the points which I can again extrude upwards by a certain amount to create the overall building.
![](https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/4496f5de-dcd5-4313-8a11-ccd6c20d7d1b/072120e1-e4dd-4b06-b94d-bd098e765d9a_1920x1080.jpg)
4. Creating the Central Prism Roof
![](https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/1e76b825-be8d-4af0-b2bc-dc8003461c91/21b6c7f7-67a3-4c3d-bd72-9e4939b194e3_1920x1080.jpg)
To create this tapered roof, I will move the prism polyline up to the top of the extruded b-rep.
![](https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/f80f419d-c149-4541-a413-9b460655dc49/561efdf8-3285-49f2-9e79-47baa9c87dcf_1920x1080.jpg)
and the way I see it, the top of the roof just uses the same floor profile but is scaled down a factor. So, I scale the floor profile down by a factor and move it upwards by some amount.
![](https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/e23de82e-114a-4f31-9e3a-6f8954f30d76/afb9b656-164d-4918-90e3-76d354c40f49_1920x1080.jpg)
Lofting the two curves will then give me the roof for the building.
![](https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/af0f068e-e472-480e-9fd6-0e115433c5ff/eb0e661b-e6d4-42c3-8bad-1fb2b8eddfb1_1920x1080.jpg)
5. Creating the Prism Trailer
Using the same concept but in a different plane, I can also create the prism tailer building.
![](https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/6fbbda8f-f202-43f2-a7bd-9f2bd87de345/aab9ee14-6f19-4edd-b915-f8bf46295606_1920x1080.jpg)
Instead of creating a rectangle in the XY plane, I just have to create one in the XZ plane. To start, I have to first select the right edge of the central prism to work from.
![](https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/ba13a2eb-0797-4c6d-bfa3-3e1ac3eb3f61/a339b8e6-4649-4a82-8487-59f59cad7ad5_1920x1080.jpg)
Which roughly corresponds to this point in plan view.
![](https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/af497002-ad93-4768-8de7-46647c031ab6/f83cde23-94f2-4c97-95a3-88125ee11681_795x671.jpg)
Then, similar to before, I will create a rectangle on an XZ plane, select the right vertex to move, move it, and then re-join with the others to create the prism polyline.
![](https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/0211c97f-a49b-4ddc-8103-2cae5a654c05/66b0b914-17ac-4750-93d4-e0c9d5b60fe0_1920x1080.jpg)
Then I can extrude it in the negative Y direction to create the building
![](https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/dd6f179a-4063-4558-9d3f-3ae09b945e93/203fbeaa-54b0-4318-8860-1421f88e59d9_1920x1080.jpg)
Final Thoughts
And with that, we have come to the end of part 1 because I think the other portion of the model follows a different workflow than what we have seen so far.
The one pattern that you might recognise is my style of creating these buildings. It roughly follows these steps :
Choose an edge of an existing rectangle/curve
Choose a point on the edge
Create a rectangle from the chosen point
Manipulate the rectangle if need be (rotate or move a vertex)
Extrude/loft in the right direction.
I hope that shows how I created that workflow and the mindset that I used when modelling. In the next article, we will look at getting to 80% completion of the model.
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 1 - Setup and Modelling