App:Library:Squareline:docs:dev env:animation

提供: robot-jp wiki
ナビゲーションに移動検索に移動
SquareLineStudio Animations.jpg

Animation Panel

原文
You can create and manage custom animations in the Animation Panel.

You can add several animation properties to each animation so as to make complex animations.

アニメーションパネルでは、カスタムアニメーションを作成・管理できます。

各アニメーションに複数のプロパティを追加することで、複雑なアニメーションを作れます。


Add new animation

原文
Before creating a new animation, you should select a name to it.

Then it will be added to the Manage animation list by clicking on the Add animation button.

新しいアニメーションを作成する前に、それに名前を選択する必要があります。

その後、アニメーションを追加ボタンをクリックすることで、アニメーションの管理リストに追加されます。


Manage animation

原文
You can edit the selected animation in this section.

You can create, edit or delete animation properties here.

このセクションでは、選択したアニメーションを編集できます。

アニメーションのプロパティを作成、編集、削除できます。


Select animation

原文
You can choose an animation of yours from a drop-down menu.

You can start the selected animation by clicking on the Play button on the prefered widget from the Default list.

The animation can be deleted by clicking on the Bin button.

In this case, it will be removed from all widgets it have been added to.

ドロップダウンメニューから、あなたのアニメーションを選択することができます。

デフォルトリストから選択したウィジェットの再生ボタンをクリックすると、選択したアニメーションが開始されます。

アニメーションを削除するには、[Bin]ボタンをクリックします。

この場合、追加されたすべてのウィジェットから削除されます。


Default object

原文
Here, you can select the widget on which you would like to test the current animation. ここで、現在のアニメーションをテストしたいウィジェットを選択できます。


Add property

原文


Properties are attributions of animations. However, not each and every property can be used in all widgets.

  • Position X - Shifting on the X axis.
  • Position Y - Shifting on the Y axis.
  • Width - Setting the width of the widget.
  • Height - Setting the height of the widget.
  • Opacity - Setting the opacity of the widget. This will change the parent opacity of the widget. In this case, child opacity will change, as well.
  • Image angle - Rotating the image widget by any angle.
  • Image zoom - Zooming in or out the image widget.
プロパティは、アニメーションのアトリビュートです。ただし、すべてのプロパティが、すべてのウィジェットで使用できるわけではありません。
  • Position X - X軸上の位置を移動します。
  • Position Y - Y軸で移動します。
  • Width - ウィジェットの幅を設定します。
  • Height - ウィジェットの高さを設定する。
  • Opacity - ウィジェットの不透明度を設定します。これは、ウィジェットの親の不透明度を変更します。この場合、子ウィジェットの不透明度も変更されます。
  • イメージの角度 - イメージウィジェットを任意の角度で回転させます。
  • イメージズーム - イメージウィジェットをズームインまたはズームアウトします。


Property parameters

原文


Every animation has four parameters: start and end values, motion time and delay. Here, you can also set the characteristics of the animation.

  • Start Value - Start value of the animation.
  • End Value - End value of the animation.
  • Delay - Delay time of the animation in milliseconds.
  • Time - Motion time of the animation in milliseconds.
  • Animation types - In IA properties you can choose from 5 animation characteristics.
すべてのアニメーションは、開始値と終了値、動作時間、遅延時間の4つのパラメータを持っています。ここで、アニメーションの特性を設定することもできます。

開始値 - アニメーションの開始値。

終了値 - アニメーションの終了値。

Delay - ミリ秒単位でアニメーションの遅延時間。

Time - ミリ秒単位でアニメーションの動作時間。

Animation types - IAプロパティで、5つのアニメーションの特性から選択することができます。





戻る : Previous