デザイン 4e4c70

Design tab 256q1g

ストーリーボードエディタ はエディタ内にある機能で、Designタブに存在していて、簡単なストーリーボード(通称SB)の作成が可能です。より細かな設定や複雑な作業を必要とするストーリーボードスクリプトに入る前にここで基本操作について抑えておきましょう。

複雑なSBを作成する前に適当な画像を使用して、どういったコマンドがどのように動作するのかを確認するのがよいでしょう。それをすることであなたは利用方法を覚え、よりSB作成をスムーズにできるようになれるはずです。

始めるために s863

1. SB用の画像、及び素材を"SB"という名のサブフォルダを作り、そこに入れてください。サブフォルダの名称自体は自由に設定できますがその名称を推奨されます。
2. ビートマップのエディタに入り、"Design"タブを押してその画面に入ってください。
3. あなたが画像を入れたいタイミングに上のタイムラインで移動し、そのタイミングで"Sprite Library" をクリックして挿入したい画像を選択してください。 画像のサイズは800x600ピクセルを基本的に超えてはいけません。
4. あなたが画像に対して加えたいコマンド(移動に関するMove, サイズに関するScele, 透明度に関するFade, 回転に関するRotate, 色に関するColor)を選び、エフェクトを入れたいタイミングまで移動したら、タイムラインの下にある"+"を押し、エフェクトのための"キーフレーム"を入れてください。 すでに置かれている"キーフレーム"の上で"-"を押すことでそれを削除することができます。 矢印をクリックするとその画像に割当てられているキーフレームにジャンプできます。
5. コマンドを終わらせたいタイミングを見つけ、そこに2つ目のポイントを入れることで、2つの間に線が引かれ、その色はそれぞれ以下のコマンドを記します。 緑 - Move ; 赤 - Scale ; ピンク - Fade ; 黄色 - Rotate ; 明るいピンク - Color
6. コマンドの置かれているキーフレームにて、画像の上でマウスの左をクリックしたままカーソルを上または下に動かすことで、エフェクトの数値を変更することができ、移動に関しては左クリックしたまま移動させればその場所へ画像を移動させることができます。
7. 3-6の工程を他の画像でも繰り返します。 画像を消したくなったら**"DEL" キー**を押すか、トップメニューのEdit->Deleteで消去できます。

特徴 261bn

左上 (タイムライン) 166t4j

選択されたオブジェクトのエフェクト追加に関するタイムラインを見ることができます。

Storyboard Timeline

タイムライン 1i545k

キーフレームコントロール 1561d

これは開始/終了のためのキーフレームを追加するために使用されます。画面の下にあるブックマークと似たような挙動をします。

エフェクトが存在している場合、その変化内容に対応した色が表示され、始点と終点にはそれぞれ白い半分の短いラインが入り、それがエフェクトの入る期間を決定します。フルのラインはエフェクトが切り替わるポイント(上に移動していた画像が下に下る等)であることを示します。

右上 (読み込み) 414nm

Readings

ロード状態と 背景画像/動画の切り替えについて表示されています。

読み込みのx/yはeditor上にあるあなたのマウスカーソルの座標を示し、マウスを動かせばそれは変化します。 {数字}ms はミリセカンド単位(1秒=1000ms)のタイムスタンプです。 SB Loadはストーリーボードを再生する上で必要な情報処理量です。これは可能な限り低く(1.00~2.00)設定されるべきです。

中央左 (ユーティリティ) 1a604b

レイヤー切り替え 4e306o

Layer Toggles

これはレイヤーの表示の有効化/無効化 を決定する項目です。もしあなたがingのシーン(常にeditorでfailよりも上に表示される)を見たくない場合、"ing" を無効化することで、failのシーンを楽しむことができます。これは異なったオブジェクトへのコマンドを見たくても、何かのオブジェクトが邪魔で見れない場合などに場合に便利です。

表示/非表示の設定可能な一覧:-

• Background
• Failing
• ing
• Foreground
• HitObjects (自動的に無効化されます)

Note: HitObjects > Foreground > ing/Failing > Backgroundの順に上から表示されます。

エフェクト追加 (タイムフレームに依存) 4b1fm

あなたのオブジェクトにコマンドを追加するための場所です。コマンドは5つあり、Move, Scale, Fade, Rotate, Colorの順に、移動、サイズ変更、透明度変更、回転、色がそれぞれ変更できます。ループやパラメータコマンドを使うにはストーリーボードスクリプトを利用する必要があります。

利用方法:-

1. SBのオブジェクトをクリックします。
2. 追加したいエフェクトを選択します。
3. エフェクトを有効化するためにタイムラインにキーフレームをセットします("+"を押すことで追加できます) 。
4. 使用するエフェクトの強弱を設定します(左クリックをしながら上下に移動)。
5. これらを繰り返します。

Transformations buttons

エフェクト追加 (タイムフレームに依存) 4b1fm

追加エフェクト (左に普段は非表示であります) 5s2r6k

エクストラコマンド 312kn

Extra commands

注:

• Colorのエフェクトはエフェクトが終了したあとも継続して影響を与えます。これは透明な画像などに非常に有用です。
• .osb (マップセット内SB全ての基本ファイル): "Design"に関する情報(BG, 動画, SB)はここに入れることができ、SBがメインに記述される内容となります。ここに入れた情報は各難易度に影響を与えます。
• .osu (ビートマップデータが入っているファイル): 難易度情報が入ったファイルで、SB以外にも多くの情報が含まれています。

中央 (ビートマップの実際に表示されるSB) 1m31z

ここには**タイムライン、レイヤーの有効/無効化などの情報を視覚的に表現した場所です。**ここにオブジェクトを置いてSBを作っていくことになります。

中央右 (オブジェクト) 74tj

List of SB objects used in the beatmap in different conditional layers

各レイヤーにあるSBのオブジェクトのリストです。 SB用オブジェクトを追加するには"Sprite Library"をクリックしてください。そして入れたい画像をレイヤーにドラッグアンドドロップしてください。画像は入れられた直後には"Foreground"にデフォルトで割り当てられます。オブジェクトの画像名の上でクリックすると、それがあるタイムラインに移動させられます。もし使用している画像に重複があってもオリジナルの画像と同じものが使用されます。Delete or Edit -> Deleteでトップメニューから削除できます。

Sprite Library 6z5023

素材として使用されている画像の視覚情報化.

"Browse..."をクリックすることで、使用するための画像をサーチします。Sprite Libraryでサムネイルをクリックすることで、その画像を表示部に複製することができます。

下部 (プレイタイムライン) 2h31k

ビートマップの再生情報です。アウトロでのSB作成はストーリーボードスクリプトが必要になります。再生速度はオリジナルの速度に対して%の分だけ速度が遅くなります。既にComposeでマッピングをしたことがある人は、既にこれについては知っているかもしれません。

制限に関して 38165q

• サウンドエフェクトはサポートされていません。これはプレイヤーの注意を逸らしてしまう危険性もあるので、BATや熟練者の指導に従うとよいでしょう。
• loopあるいはtriggerはサポートしていません。
• Move-X/Move-Y コマンドは存在しません。
• 画像の座標は常に 320,240になります。座標を指定するためにMoveコマンドを使う必要があるでしょう。ただしこれは強制ではありません。

  • ストーリーボードスクリプトを行っていた場合はデザインで各オブジェクトに割り当てられた特殊なコマンドを読み込み直す必要があります。

ソース 5d5j4c

• m980's basic explanation
• Kite's Basic Manual Storyboarding Guide