CODEWITHSUNDEEP
javascriptspline
Walter
Walter

Reputation: 128

B-Splines Geometry

Using the image below, I was able to understand the behavior of a spline curve for 4 points: image1 With this image I've manage to produce a 3rd degree equation and code it in javascript.

Now I'm trying to understand how to use more than 4 points.

I couldn't find an image showing a curve of 5 (or more) points. Does anyone know how to do it?

Upvotes: 0

Views: 794

Answers (1)

Iddo Hanniel
Iddo Hanniel

Reputation: 2056

What you're looking for is the De Boor Algorithm. The following link (taken from this course website) gives a good explanation (with figures, examples and pseudo-code) of how it works. The following figure was taken from there.

enter image description here

This interactive demo can also give you an idea on what it looks like (note you're interested in the "Spline" demo not the "Bezier").

Upvotes: 2

Related Questions