StoryBoarding/GUI操作

注意

下記は2012年時点での古い記述で、最新の情報に対応していない可能性があります。
英語でもこの手の情報は記載が少ないため貴重ですが、公式wikiも参考にしてください。

始めに

Editのdesignの解説です。

画像の読み込み

まず演出に使用する画像を読み込みます。

画面右下にあるSprite Libraryをクリックします。

クリックするとBeatmapフォルダに入ってる画像の一覧が出てきます。
別のディレクトリから読み込みたい場合は、右下の Browse... をクリックして選択します。

読み込むと画像のようにファイル名だげ表示されます。
場合によってはここで画像が表示されたりしますが問題ありません。

読み込みはこれで終わりですが、念のため以下のことをしておきましょう。

まずタイムラインを適当な場所まで動かし、
タイムラインの下にあるKeyframe Controlの右にある「＋」をクリックしましょう。
画像のように横線が表示されたらOKです。

一回Beatmapを読み込みなおし画像が表示されたら成功です。

画像を動かす

読み込んだ画像を動かしてみましょう。

まず、読み込んだ画像をクリックし、タイムラインを設定した横棒の終端にあわせます。
後は動かしたい場所に動かして終わりです。



次にタイムラインを始端にあわせて同じことをします。
設定が終わったらタイムラインを動かして動作を確認してみましょう。

このようにStoryBoardでは2点間の動作を指定するだけで、
その間の動作を自動で補間してくれます。
このような動作方式をキーフレームアニメーションといい、
設定した動作の端点をキーフレームといいます。


今後、動作を追加したい場合はKeyframe Controlの「＋」をクリックし、
動作を削除したい場合は「－」をクリックします。
「<-」と「->」は、前後にある現タイムラインに最も近いキーフレームを選択します。
主にホイールで動かせないようなところにあるキーフレームを削除するときなどに使います。

画面解説