Modeling a Z-shaped purlin in threejs

I have a client requirements where I need to build a house structure using different real life shapes for eg z shaped purling, roof bracket, etc. One option I thought of, is to create these models in 3d software like blender and then load it in threejs. but i found doing while research that this method has several performance overhead which I want to avoid. Another option would be to create the models in threejs itself. but I am not sure how to go about with this second approach. Can anyone give me direction on how can I create a shapes like Z Purling which I can use to construct a required structure composed various shapes.

Create the Z-shape profile with THREE.Shape, then extrude it with ExtrudeGeometry.

https://codepen.io/boytchev/full/LYavNro

image

3 Likes

You can also modify and extend this design for your own purposes.


UPDATE:
see also

2 Likes