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.
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.
Follow the steps in this recipe to create and animate a graphic:
Open LiveCode.
Create a new main stack.
Open the
animationEnginestack. With LiveCode already running, you can simply double-click on theanimationEngine.livecodefile.Once you complete the previous steps, you will see the animationEngine window with a Use me! checkbox (see the following screenshot). Check that box.
Drag a button to the stack's card, and...