Bend a geometry

Hello community, I have a plane, how do I bend a plane like this


Turn into

1 Like

You can edit the geometry position vertices, or create three plane geometries, transform them (translate and rotate), then merge them with mergeGeometries. That’s one option among others, here is working example.

If you need a curved plane check this thread:

Or this one using a path:

3 Likes

Thank you. The information you provided is very helpful and I will read it carefully

1 Like

You can find more bends in the collection.

CorrugatedFabric

AnimatingBookPages

RemoveTriangles

AnimatingVertices

PlaneToFish

BilinearInterpolationShader

ColorStripeChanging

3 Likes

custom geometry (codepen.io)

Because I want the geometry to look relatively simple, so I tried to create this geometry by custom coordinates, but now I am stuck in the uv setting step, I don’t understand what is wrong with my uv setting, resulting in the map not covering the whole surface correctly :joy:

Instead of:

const uvs = new UInt16Array([ 1/3, 1, 2/3, 1, ...]);

try:

const uvs = new Float32Array([ 1/3, 1, 2/3, 1, ...]);

because texture coordinates are floating-point values.

2 Likes

Oh, I see. Thank you very much. I’ve been working on this problem for a long time