Following a BLine
If you are using version 0.61.08 or lower, please see the old version of this tutorial, since this version is about the 0.61.09 version.
This tutorial will demonstrate how to make an object follow the path of an arbitrary curve, rotating to face the direction of travel.
We're going to:
- Draw a curve and an arrow
- Link the arrow's Origin and Rotation to the bline so the arrow follows the curve
This is a brief tutorial giving an example of how to use it:
Create the Animation
File > New
Create the Layers
enable just the Outline checkbox
draw a bline that you want the arrow to move along
click the "Make BLine" icon in the bottom left of the "Tool Options" panel to create the bline.
draw an arrow or whatever, pointing to the right
switch to the "Normal" tool
select the outline, hit control-a to select all its ducks except the green position duck
drag the ducks so that the arrow is centred around the green position duck
add a rotate layer above the outline and region
encapsulate the rotate, outline, and region layers
so now you've got 2 top-level layers: a curved path, and an encapsulation containing an arrow and a rotate layer
Make the Arrow Move and Rotate
select the encapsulation layer by clicking it in the Layers panel
select its green position duck by clicking on it in the canvas window
additionally select the Rotate layer by holding Control and clicking it in the Layers panel
additionally select the blue "rotation amount" duck by holding Control and clicking on it in the canvas window
so now we should have 2 layers selected, and one duck from each of those 2 layers selected
now additionally select the curved bline layer (it should be the last layer in the Layer panel's list) by holding Control and clicking on it
right-click on the dotted line that indicates the position of the curved bline - not on any duck, but on the dotted link between ducks
the encapsulated arrow should move so that its green position duck is on the bline, and it should rotate so that the arrow points along the bline at that point
select just the encapsulation layer, and drag its green duck around. you'll see that the duck is constrained now to lie on the bline, and that dragging it also affects the rotation of the arrow as expected
we can now animate the arrow. turn on "animate edit mode" by clicking the icon in the bottom right of the canvas window.
at time 0f, drag the encapsulation layer's green position duck to one end of the bline
at time 5s, drag the same position duck to the other end of the bline
Try File > Preview or View > Play to watch the animation.
This is the animation I ended up with: Arrow-follows-bline.sifz
Commentary on the Feature
Also, the arrow takes the same time to move along each segment of the bline. So if there's a long straight part then a bendy complex part, the arrow will move much faster along the straight parts (since there will be less vertices in that part).
It would be good to have the option of having the arrow move at constant speed along the length of the curve.