I have a data structure that creates child planes within the parent plane when some threshold is met. I would like to curve all these planes such that each child plane matches its parent curvature seamlessly/evenly. this is what my data structure looks like: [qt] this is the curvature result I a…

Here is an example of how you can bend planes of different segmentation to form a spherical “segment”: https://codepen.io/prisoner849/full/ZEaVzvX [изображение]

Hi! each child plane curvature matches it parents? By setting the same length for vectors of vertices?

yes, but how could I accomplish that?

Somehow like this: var pos = geometry.attributes.position; var v3 = new THREE.Vector3(); for(let i = 0; i < pos.count; i++) { v3.fromBufferAttribute(pos, i).setLength( _desired_radius_ ); pos.setXYZ( i, v3.x, v3.y, v3.z); }

sorry if I didn’t make my problem clear :sweat: but this is the result I got. [qt7] This is the result I’m looking for. Just a curved plane and the higher resolution child plane is also curved [qt5]

[image] miguelmyers8: sorry if I didn’t make my problem clear It’s perfectly clear. Translate your geometry _desired_radius_ units on Z-axis (with .translate() method of BufferGeometry) before deformation.

Ok, so I’m able to get the plane to curve. But I run into a problem where the plane starts to move towards the background after setting plane.geometry.translate(0,0,desired_radius). I’m guessing this is because I’m using the planes BufferGeometry.translate() in a for loop. Is there a workaround to t…

[image] miguelmyers8: because I’m using the planes BufferGeometry.translate() in a for loop. Is there a workaround to this problem? Don’t call .translate() in loop. Call it once before you start the loop.

I would but my algorithm needs to run in a loop. I’m checking if a distance threshold is meet every frame to create the child plane with a higher resolution so .translate() needs to be called for every plane

this code that I found you helped someone with a similar problem but I didn’t want to just copy and paste the code. function planeCurve(planeGeometry ,z){ let p = planeGeometry.parameters; console.log(planeGeometry) let hw = planeGeometry.geometry.parameters.width * 0.5; //Here three points are…

Would dividing your arc by the mesh width work maybe?

How to curve planes such that each child plane curvature matches it parents?

Questions

prisoner849 March 5, 2022, 8:47pm 15

I think, it all comes from here: How to make a cube out of six bounding boxes - #9 by miguelmyers8

Topic		Replies	Views
Simple curved plane Questions geometry	17	12072	August 24, 2023
"bend" plane across curved surface Questions geometry , shaders	7	1580	January 15, 2025
Generate planes from points Questions geometry	21	12804	November 4, 2018
Bend a geometry Questions geometry	6	1696	June 21, 2023
Create a curved plane surface which dynamically changes its size Questions geometry	34	14512	May 18, 2023

How to curve planes such that each child plane curvature matches it parents?

Related topics