How To Make Curved Surfaces

[amit]

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?

Thanks,
Amit

[Mugen87]

Maybe creating a NURBS surface?

https://threejs.org/examples/webgl_geometry_nurbs

[hofk]

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

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

hofk - Overview

---

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

[amit]

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

[amit]

Hi Hofk,

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

Thanks,
Amit

[amitlzkpa]

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

[amit]

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:

It should be displaying as is. Basically if shape is terminated at the correct edges, the shape would be correct:

![image|391x330]