1ページ目
3ページ目
もうちょっと説明が欲しいんよ †
わかったやってみる
でも嫌になる位文字だらけになるよ
目次 †
スプライトを作りたい †
[Ctrl]キー+[R]キーを押す、もしくは
シンボルリスト上で右クリメニュー出して「アイテム追加」の「スプライト追加」
すると「スプライトのプロパティ」ダイアログが開くのでスプライト名とサイズを指定
必要ならば基準点を設定してから「OK」をクリックで作成
その他の設定項目は細かい事をする部分だから説明は省くよ
基準点は何も設定しなければ X=0 Y=0 のスプライト左上になっている
例えば回転させたい時もここが基準になるので真ん中に設定したいって時は
それぞれスプライトのサイズの半分に設定したら中心になるって事
「OK」をクリックしたらシンボルリスト上に設定した名前で登録されている
設定をしなおしたければシンボルリスト上のスプライト名をダブルクリックで
再度「スプライトのプロパティ」ダイアログが開く
作ったばかりのスプライトは内容がカラッポなので内容を編集したい
シンボルリスト上のスプライト名をクリックして指定、上部確認枠に現れた「編集」ボタンを押すとスプライトの編集モードになる
レイヤーリストの上に表示されていた青い枠「メイン」という項目がピンクの枠「(スプライト名)」に切り替わっているはず
スプライト編集をやめてメイン編集画面に戻りたい時はピンク枠「(スプライト名)」をダブルクリック
また青枠の「メイン」という表記に切り替わる
ボタンを作りたい †
[Ctrl]キー+[B]キーを押す、もしくは
シンボルリスト上で右クリメニュー出して「アイテム追加」の「ボタン追加」
すると「ボタンのプロパティ」ダイアログが開くのでボタン名とボタンの参照シンボルを設定して「OK」ボタンをクリックで完成
「プレビュー」ボタンをおせば動作確認も出来る
ボタンには以下の様な状態に画像やスプライトを割り当てる事が出来る
- 通常時(必須)
- 押下時
- マウスカーソル通過
- ボタンをクリックしてはいないがマウスカーソルが重なっている時
当たり判定については「自動判別」にチェックを入れておけば良いと思うよ
参照できるシンボルは画像、スプライト、テキスト
テキストみたいにカーソルを乗せられる部分が少ないものはクリックしづらくなるから注意よ
テキスト打ちたいねん †
[Ctrl]キー+[T]キーを押す、もしくは
シンボルリスト上で右クリメニュー出して「アイテム追加」の「テキスト追加」
すると「テキストのプロパティ」ダイアログが開くのでフォント情報・フォント名でMS PゴシックかMS P明朝を選択(多分下の方に有るはず)
フォントとの相性が悪いとSuzukaが強制終了になったりする事もあるし閲覧する人のとこにも大体入ってるからこの二つがいいとかなんとか
アンチエイリアスはフォントによっては使えない
プレビュー枠でどんなふうになるか確認は出来るけど数字いじっても自動反映されないので[更新]ボタンを押してね
コマ動画ってナニー †
コマ動画ってあんまり使わないんだけどgifアニメに慣れてるこやすには理解しやすいかもしれないので説明しておくね
コマ動画はスプライトと似ているけれど画像以外仕込むことは出来ない画像アニメ専用シンボル
編集画面もスプライトのそれとは大分違っていて専用のダイアログ画面だけで編集できる
[Ctrl]キー+[K]キーを押す、もしくは
シンボルリスト上で右クリメニュー出して「アイテム追加」の「コマ動画追加」
すると下のような「コマ動画のプロパティ」というダイアログ画面が表示される
コマ動画名は例によって任意の名前をつけて
画面左枠「表示シンボルリスト」が実際に表示される画像のリストになる
右枠には画像タイプのシンボルがリスト化されていてこの中から選んでパターンを作る
中央に並んでる矢印で操作するんだけどちょっと判り難い部分もあるからとにかく弄ってみて慣れてみて
[Shift]キー+左クリックを使っての複数選択にも対応してるよ
左矢印 | 右枠で選択されている画像シンボルを「表示シンボルリスト」に登録 |
右矢印 | 「表示シンボルリスト」で選択されている画像シンボルを登録から外す |
上下矢印 | 「表示シンボルリスト」で選択されている画像シンボルの並び準を変える |
「1コマのフレーム数」はそのまま「登録された画像をそれぞれ何フレームずつ表示するか」の指定
残念ながら各コマごとの指定は出来ないみたいだから変則的に動かしたい時は工夫が必要
因みに表示シンボルリストの上から順に下に向けて再生していくよ
「OK」ボタンで作成終了、プレヴュー機能はなし
メインタイムラインかスプライト内のタイムラインに置いて確認するしかない
スプライトはタイムラインが停止していてもアニメーションし続けるんだけど
コマ動画はタイムラインに合わせて停止する、フレーム分のアニメしかしないという特徴がある
例えば6コマアニメで1コマのフレーム数が3になっているコマ動画は
6コマ×3フレーム=18フレームになるのでタイムライン上に配置した時にフレーム数が9しかないと
後半9フレーム分が再生されないように出来てる
文字だけで説明すると判りづらいと思うけどコマ動画を使う時にでもちょっと実験してみればすぐ判ると思うよ
流れを止めたい †
何も指示を出さなければFlashはループ再生を続けるけれども
任意の箇所で止めたい時もあるよね
レイヤーリスト上で右クリメニュー「アクションレイヤーを挿入」してみて欲しい
レイヤーリスト上に「フレームアクション」というレイヤーが出来るはずだ
「フレームアクション」はアクションスクリプトを記述する為のレイヤーなんだけどそんなに難しく考える事はない
キーフレーム編集枠にある「簡易モード」にチェックを入れてみて欲しい
「アクション」という枠が表示されたと思う
「ターゲットパス:」というのは無視してその下の段のプルダウンメニューから「停止」を選ぶ
するとフレームアクションのタイムライン上に「停止」という文字が出る
Flashを再生すると停止を指示したフレームで再生が止まる
●作ってみよう
画像を2枚用意して1枚目を表示、2枚目が表示される前に停止させてみよう
手ごろな素材が無いこやすはとりあえず下の画像を勝手に拝借してやってみて
素材1
素材2
- 素材1をメインタイムラインのフレーム1から10まで表示させるように配置
- 素材2をメインタイムラインのフレーム11から20まで表示させるように配置
- フレームアクションを作成し8フレーム目で止まるように指示
- 新しいキーフレームを作る場合は[Ctrl]キーを押しながら任意のフレームをクリック
- 削除したい場合はキーフレームをクリックして選択後[Delete]キーを押す
素材2が表示されなかったら成功
注意
メインの流れが止まってもスプライト内部のアニメーションや音楽は止まらないんだ
ボタンを押したらスタートするようにしたい(スタートボタンとリプレイボタン) †
「流れを止めたい」の項目でやったような感じで今度はボタンに指示を仕込むよ
ボタンの作り方・流れの止め方についてはそれぞれの項目を読んでみて
ボタンを配置して今回もキーフレーム編集枠を見て欲しい
「スクリプト(ボタンアクション)」という枠があるので例によって簡易モードにチェック
するとonイベントというプルダウンメニューが出てくる
これはボタンをどう操作した時にアクションを実行するのかという項目
とりあえず3種類説明しておくけど他は割愛
気になったら調べてみて
press | ボタンを押す(マウスボタンが下がる)と即実行 この早漏! |
release | ボタンを押したあとマウスボタンが下がっていない状態になると実行 要は送信ボタンとかと同じでお勧め |
rollover | カーソルが上に乗っただけで反応しちゃう敏感さん |
次に「スクリプトを編集」を押して「スクリプト簡易編集」ダイアログを開く
ここでボタン操作をしたらどうしたいのかを指示するんだ
今回は再生ボタンにしたいので「再生」を選ぶ
もしも特定のフレームに飛びたいのであれば「ジャンプ」を選ぶ
するとプルダウンメニューの下に2種類のラジオボタンがとテキストボックスが現れる筈
フレーム番号 と フレームラベル
ジャンプ先を番号で指定するかラベルで指定するかの選択が出来る
フレーム番号を選んでいる場合はその番号を下の方のテキストボックスへ入力
フレームラベルを選んだ場合はテキストボックスがプルダウンメニューになる
そこからジャンプしたいラベルを選べば良いのだけれど、ラベル作ってなかったら勿論何も出ないよ
移動後に再生/停止はそのまんまの意味
●作ってみよう
画像を3枚用意して1枚目を表示後停止、ボタンを押すと2枚目に切り替わるようにしてみよう
手ごろな素材が無いこやすはとりあえず下の画像を勝手に拝借してやってみて
素材1
素材2
素材3
- 素材1をメインタイムラインのフレーム1から10まで表示させるように配置
- 素材2をメインタイムラインのフレーム11から20まで表示させるように配置
- 素材3をつかって再生ボタンをつくりメインタイムラインの8フレーム目に配置
- フレームアクションを作成し8フレーム目で止まるように指示
うまくボタンが機能したら成功
都合の良いタイミングに飛びたいんだけど †
フレームアクションやボタンアクションで「停止」を指定する代わりに「ジャンプ」ってのを選ぶ
簡単だね!
フレーム番号/フレームラベルというラジオボタンがあるので番号を選び
下の方の入力ボックスに飛びたい先のフレーム番号を指定する
ラベルについては次の項目で説明するよ
ラベルってなにさスナフキン †
ラベルはジャンプする時の目印なんだ
ジャンプ先が完全に決まっている場合は数字で指定すれば良いんだけど
作っている時に行き先を変えたい場合が有る
5フレーム前にずれたとか12フレーム後にしたいとか
そんな時はあらかじめラベルというのを作っておくと便利
アクションレイヤーを作ったときのようにレイヤーリスト上で右クリメニュー「ラベルレイヤーを挿入」を選択
フレームラベルという名前の専用のレイヤーが作られるから任意の場所にキーフレームを作って
編集枠「ラベル名」の箇所で適当な名前をつける
こうやって名前をつけておけばジャンプ指定する際にフレームラベルを選択すると
プルダウンメニュー式にジャンプ先を選べるようになるから試してみて
Yes/Noゲームみたいなのを作るときとかに役に立つよ
シンボルをスムーズに動かしたいんだけど †
画像でもスプライトでもいいんだけどとにかくシンボルを用意する
レイヤーリストに放り込んで移動開始のキーフレームと移動終了のキーフレームを追加する
それぞれの位置を調節したら移動開始のキーフレーム編集枠のトゥイーンという項目にチェックを入れる
再生したら途中の位置を補完してくれているので幸せ
回転や拡大縮小、透明度なんかも補完してくれるよ
動きに癖をつけたい時は速度変化の項目を弄ってみてほしい
ボタンを押したら効果音が鳴るようにしたい †
フレーム上に効果音の鳴る箇所をつくってそこへジャンプさせる方法と
効果音の鳴るスプライトを作成してボタンの参照時にそのスプライトを指定する方法があるじょ
連射とかさせたいのなら後者の方が向いてるし楽
効果音やBGMを使う時は何度も演奏開始キーフレームを通過しないように注意
すんごくうるさい事になるから
●作ってみよう
画像2枚と効果音を一つ用意、
手ごろな素材が無いこやすはとりあえず下の画像を勝手に拝借してやってみて
素材1
素材3
素材4(効果音)
1枚目の画像はなにもしなくていいよ
スプライトを作成して2枚目の画像と効果音を配置、音が鳴り続けると厄介なので
手ごろなタイミングでアクションレイヤーに「停止」の指示を入れる
ボタンを作成して参照シンボルを指定
通常時とマウスカーソル通過時は一枚目の画像を指定
押下時には効果音を仕込んだスプライトを指定
メインタイムラインにボタンを配置
ボタンの当たり判定にチェックを入れ忘れていなければ押すと音がなるはず
無意味に連打連打!
BGMに合わせてアニメさせたい †
けっこう棘の道ですよソレ
再生速度って視聴環境にも左右されるので工夫が必要
BGMに使用する音楽ファイルをタイムラインに配置した後キーフレーム編集枠の
サウンドイベントの指定をプルダウンから「ストリーミング再生」に変更
この再生モードで音楽に同期してタイムラインが再生されるようになるよ
アニメの画像はカットごとに分けてスプライトかコマ動画に纏めておいてから
メインタイムラインに配置した方が修正は楽かもしれない
適当な目印画像を用意して切り替えタイミングを計るためのマーカーにする
BGMレイヤーの波形を参考にしながらタイミングのよさげな所にマーカーを配置
再生をしてはマーカー位置調整を地道に繰り返して適切な位置が見つけられたら改めて画像やスプライトを配置する
長い曲なんかだと何度もじっと聞いてるのは大変なので頭にジャンプを設定して飛ぶとといいよ
ラベルを一つ作って必要に応じてラベル位置を移動させて再生すれば頭出しに楽
ただし微妙なズレが生じる事もあるので最終的に通し再生で確認した方がいいと思う
●作ってみよう
曲に合わせて画像を切り替えてみよう
画像を数枚とBGMを一つ用意、音楽は短い目の方が作業に飽きないんじゃないかな
手ごろな素材が無いこやすはとりあえず下の画像を勝手に拝借してやってみて
素材1
素材2
素材3
素材6
素材7
素材4(BGM)
メインタイムラインにBGMを配置、ストリーミング再生を指定
曲の頭に空白がある場合は開始位置を弄ってすぐ始まるようにするか
音楽編集ソフトで頭をカットしておく
フレームアクションレイヤーを追加して曲の終わりに合わせてFlashの再生が止まるようにする
BGMの鳴り終わりにキーフレームを追加して「ストリーミングを停止」の指示を入れておくと丁寧&br
気が向いたらリプレイボタンを作っておくと良いかもしれない
曲のタイミングを計りながら画像を配置
1枚の画像を使って何種類か違う動きのカットをつくってもいいかも
曲にあわせて思ったとおりの箇所で画像が切り替われば成功