Moving objects along a line

In this recipe, you will learn how to animate an object by moving it along a straight line. To accomplish our goal, we will create an oval and two buttons. The first button will animate the oval, and at its end state, change its background color. The second button will reset the oval to its original position and color.

Getting ready

Before using this recipe, you will need to have the Animation Engine external downloaded and available on your development computer. See the Setting up Animation Engine recipe discussed earlier in this chapter.

How to do it...

Follow the steps in this recipe to create and animate a graphic:

1. Open LiveCode.

2. Create a new main stack.

3. Open the animationEngine stack. With LiveCode already running, you can simply double-click on the animationEngine.livecode file.

4. Once you complete the previous steps, you will see the animationEngine window with a Use me! checkbox (see the following screenshot). Check that box.

   

5. Drag a button to the stack's card, and...