atelier:mitsuba

i love UI/UX, Blend, XAML, Behavior, P5, oF, Web, Tangible Bits and Physical computing. なにかあればお気軽にご連絡ください。atelier@c-mitsuba.com

その10:ビヘイビアでアニメーションを再生する

その8,9でだいぶアニメーションに慣れたと思います。
しかし、まだ一度もStoryboardを実行していませんね。
今回はビヘイビアを使って、ボタンクリックでStoryboardを実行させましょう。

1.まず、適当なアニメーションを作ってください。

2.次にボタンを設置します。

3.左のメニュー>Asset>Behaviorsから、ControlStoryboardAction選択して、アートボードのボタンにドロップします。
すると、オブジェクトパネルにビヘイビアが表示されました。

4.このControlStoryboardActionを選択します。すると、右のパネルが変化します。

ここで、なにをしたらどれをどうするか、というのを定義します。
5.今回はクリックしたらアニメーションを終了させたいので、
EventName をClickに(クリックしたら)
ControlStoryboardOptionをPlayに(再生します)
StoryboardをStoryboard1に(Storyboard1を)
ということですね。

F5キーを押して、ビルドしてみましょう。
ボタンを押せば、Storyboard1が実行されます。