Skip to main content

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 and select "Add Animated Property...".

drawing-7-1676628222.png

When Property Animation Configuration dialog box appears, make the following settings and press OK. Add to : Create new animation (can be set any name) Location : /Animations Property: Position Interpolation: Spline Select Radio button of "Create new key frame sequence" and chekc both of "X" and "Y".

drawing-7-1676628167.png

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.

drawing-7-1676628177.png

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

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

drawing-7-1676628252.png

Select "Animation Design" button to show Animation Values Panel. Select an Animation setting of "Position", then enter the values refer the below table.

Time X Y
0 138.00 240.00
1000 104.00 207.00
drawing-7-1676628285.png

Next, select an Animation setting of "Scale", then enter the values refer the below table.

Time X Y
0 0.5 0.5
1000 1.00 1.00
drawing-7-1676628316.png

Click the Play button in the menu bar to run CGI Player.

  • Drag a progress bar on Music section then move it. Play time is changed accodinaly to your operation.
  • Press either +/- buttons in Seat heater section then its progress bar and the value are changed accodinaly to your operation.

And, Select your created Animation in Player panel, then press "run animation" button on Player panel to perform an animation.

drawing-7-1676628339.png