js-spline
Package provides javascript implementation of algorithms that generate various types of splines from a set of control way points
Features
- Bezier curve
- BSpline curve
- Catmull-Rom curve (WIP)
- NURB (WIP)
Install
npm install js-spline
Usage
BSpline
The sample code below create a b-spline curve which create 9700 nodes (i.e., interpolated points) from 100 way points
var jsspline = ; var curve = steps: 100 // number of interpolated points between 4 way points;forvar i = 0; i < 100; ++i curve;console; // 9700 interpolated points // first nodecurvenodes0x;curvenodes0y;curvenodes0z; // second nodecurvenodes1x;curvenodes1y;curvenodes1z;// distance from the first nodecurvedistances1 // third nodecurvenodes2x;curvenodes2y;curvenodes2z;// distance from the first nodecurvedistances2
Bezier
The sample code below create a Bezier curve which create 4900 nodes (i.e., interpolated points) from 100 way points
var jsspline = ; var curve = steps: 100 // number of interpolated points between 4 way points;forvar i = 0; i < 100; ++i curve;console; // 4900 interpolated points // first nodecurvenodes0x;curvenodes0y;curvenodes0z; // second nodecurvenodes1x;curvenodes1y;curvenodes1z;// distance from the first nodecurvedistances1 // third nodecurvenodes2x;curvenodes2y;curvenodes2z;// distance from the first nodecurvedistances2
Usage in HTML
Please refers to the example.html for how to use the splines in the HTML page.