mrdoob/three.js — Issue #743: How to move objects along a spline?
Author: ymmd
Created: 2011-11-10 19:29:45+00:00
State: open

Hi everybody!

I would like to move an object along a spline, as as shown in this awesomely drawn image:
![Spline](http://img6.imagebanana.com/img/4l3g4fqk/spline.png)
The spline is drawn black, the green triangles are tangential aligned objects and their position and rotation should derive from the spline's definition.

HTML5's Canvas does provide quadratic curves (https://developer.mozilla.org/en/Canvas_tutorial/Drawing_shapes#quadraticCurveTo_example) where I can easily define points which "guide" the line. Sadly my math skills aren't enough to write a function for an object's position and one for it's rotation, so I ask here: Does Three.js provide an elegant way to do this? I read about Tweens and had a look at this issue (https://github.com/mrdoob/three.js/issues/563) but I doubt that Tweens can satisfy all my needs. Do I really need to catch up all these maths things? :-)

Thanks for any help in advance! Kind regards.