How To Make Curved Surfaces

Hey Guys,

Im trying to make a curved surface. Let say, for example, the surface shape shown in the picture. What are approaches I could take to make such a thing in three JS?

image

Thanks,
Amit

Maybe creating a NURBS surface?

https://threejs.org/examples/webgl_geometry_nurbs

1 Like

With my addon it works. You can find the code there and adapt it for you.

https://hofk.de/main/threejs/sandboxthreef/examplesTHREEf%20r90.html

2020-06-08 21.33.42

See Addon. Produces almost infinite many time-varying geometries with functions


See also Generate planes from points

in the Collection of examples from discourse.threejs.org
-> https://hofk.de/main/discourse.threejs/2018/PlanesFromPoints/PlanesFromPoints.html


https://hofk.de/main/discourse.threejs/2019/ColorStripeChanging/ColorStripeChanging.html

1 Like

Hey Mugen87, Thanks for the response. Am educating my self on how to use the NURBS Surface and this seems to be what I need. Is there any reason, I am not able to find it in the threeJS docs section?

Thanks,
Amit

Hi Hofk,

Thanks for the response. I’ll look into your add-on.

Thanks,
Amit

The examples you are looking for are here.
Yet another option might be VerbNURBS built on top of threejs.

1 Like

Hey Mugen, I got my NURBS surface the way that I want it to in terms of shape. Do you know how I can customize the edges? Currently it seems like it is displaying a curved surface that is basically a curved rectangle. How an I terminate the edge where I would like it to? Please see how it is displaying as is:


image
It should be displaying as is. Basically if shape is terminated at the correct edges, the shape would be correct:
![image|391x330]