Part 4: Animation settings

This section describes the animation settings. Here, the position and size of the thumbnail image of the music is changed by the animation settings.

Right-click on the "Cover" below "Music" in the SceneTree panel and select "Add Animated Property...". to open the "Property Animation Configuration" dialog.

WhenIn the "Property Animation ConfigurationConfiguration" dialog box appears, make the following settings and press OK.

Add to : Create new animation (canand be setenter any name)name (eg. MyAnimation) Location : /Animations Property: Position Interpolation: Spline Select Radio button of "Create new key frame sequence" and chekccheck both ofaxes: "X" and "Y".

The screen will switch to Animation Design screen. Press "Scene Design" button in the upper left toolbar to return the screen to the Scene Design screen.

After returning to "Scene Design" screen, again right-click "Cover" below "Music" in SceneTree and select "Add Animated Property...". Inagain. thisThis time, configure following the below list.

Add to : Selected Animation (Select Animation you just created.created) ) Location : /Animations Property: Scale Interpolation: Spline SlectSelect Radio button of "Create new key frame sequence" and chekcCheck both ofaxes: "X" and "Y".

Select "Animation Design" button to show the Animation Values Panel. Select anthe Position Animation settingValues of "Position", thenand enter the values refer thefrom below table.

Next, select anthe Scale Animation settingValues of "Scale", thenand enter the values refer thefrom below table.

ClickSave your solution and click the Play button in the menu bar to run CGI Player.

And,In Selectthe Player Panel below the menu select your createdanimation Animationfrom inthe Playerdrop-down panel,list. thenThen press the "run animation" button onright Player panelnext to performthe androp-down list in order to play the configured animation. You can now watch the Cover image animation in the Player.