cardinal-spline-3d/example.js

Smooth curve through points with tension and resolution options.

var canvas = document.createElement('canvas')
canvas.width = window.innerWidth - 20
canvas.height = window.innerHeight - 20

document.body.appendChild(canvas)

var ctx = canvas.getContext('2d')

var spline = require('./')

var input = []
for(var i = 0; i < 20; i++) {
  input.push([Math.random()*canvas.width, Math.random()*canvas.height])
}

var a = spline(input, 0.5, 100)

ctx.beginPath()
for(var i = 0; i < a.length; i+=2) {
  if(i) ctx.lineTo(a[i][0], a[i][1])
  else ctx.moveTo(a[i][0], a[i][1])
}
ctx.stroke()

ctx.fillStyle = 'red'
for(var i = 0; i < input.length; i++)
  ctx.fillRect(~~input[i][0]-3,~~input[i][1]-3, 6, 6)
//ctx.stroke()

console.log(input)

console.log("RED")