Hi, I’m very new to Three.js (so please excuse any terminology mistake) and I need your help to figure out something for a personal project. I’m drawing a quadrilateral shape by setting its 4 edges as Vector2 on the canvas (black wireframe below) and my goal is to extrude (?) this drawn shape as 3…

I’ve not used this stuff but THREE has this three.js docs which I think will fit your bill. It looks like you need to make a THREE.Path to match the shape you want extruded and then BAM, dinner is made and the washing has been put away.

You need a bit of math here if you dont wanna use ExtrudeGeometry. I dont have a solution, but maybe this helps. The cube has 4 of 8 points/corners already, you just have to calculate the other 4. You wanna get the length of one edge by calculating the distance from one point to the other. let len…

Thank you for your answers. I’ve tried both but couldn’t get the expected result. What if I made a cube with an arbitrary size to only then move it, rotate it and scale it so one of its faces “faces” perfectly my 2d shape. Is there a built in way to do something like this or do I need to figure ou…

An indexed buffer geometry is also an option: https://jsfiddle.net/prisoner849/fyejc93d/ Setting of correct index was the hardest part :sweat_smile: Click “Set points” button as many times as you want, you’ll get a differently shaped geometry each time. [изображение]

Thank you but unless I don’t understand correctly, this is not what I’m asking for. I guess I’ll have to figure out the maths behind it or think of another approach. Thank you for your answers.

I’m not sure how THREE.ExtrudeGeometry does not exactly answer your original question, perhaps I’ve missunderstood?

@becky_rose Seems, I’ve misunderstood something too :beers:

Well, I need to make the drawn quadrilateral shape into either a square plane or a cube. From I’ve understood, the extrude process will only make the drawn shape into a 3D object but its edges won’t necessary be equal. Did I get that wrong? I need this for an augmented reality project : I’m sett…

2D Shape to Cube

Questions

hofk January 28, 2021, 4:42pm 5

See Collection of examples from discourse.threejs.org
Shapes
ExtrudeBufferGeometry

Topic		Replies	Views
Draw 2D shape and convert to 3D shape Questions geometry , shapes	4	7338	May 16, 2019
How to create 3D tube geometry from 2D shape Questions geometry , mesh , extrude-geometry	2	2241	March 12, 2025
How to extrude polygon from X-Y until intersection with inclined plane Questions geometry	6	3493	January 22, 2020
Why does my extruded cube create triangles instead of clean square faces in Three.js or 3D modeling? Questions webgl , materials , geometry , csg , webglrenderer , threejs , react-three-fiber	4	202	June 5, 2025
Construction of rectangle using length and width parameter Questions geometry	15	4316	July 11, 2018

2D Shape to Cube

Related topics