ＦＬＡＳＨ スライドする写真
- サンプルのようなスライドする写真のムービークリップを作る。
→ サンプル
（注意）下の手順は保存しながら進めてください。（ファイル形式 .fla）
【1】 写真を４枚用意する。
*大きさは同じもの。（サンプルは縦250px,横300px）
【2】 FlASHを立ち上げ、新規ファイルを選択。
*ファイル（ステージ）の大きさは下のプロパティでいつでも
変えられますが、幅は写真の大きさに合わせた方がやり易い。
【3】 用意した４枚の写真をライブラリーに読み込む。
*ファイル → 読み込み → ライブラリー → 写真を選択。
【4】 写真を１枚ステージへ
*写真をドラッグする。
*このときに下のプロパティのｘ軸とｙ軸を0にすると、
写真とステージの幅はピッタリ合う。
【5】 残りの写真を配置する。
*他の３枚の写真を【4】で配置した写真の横に順番に並べる。
*写真を選択してｙ軸は０でX軸は写真の大きさを考えながら
入力すると上手く並べることが出来ます。
（例）サンプルでは ２枚目（x軸300,ｙ軸0）
３枚目（x軸600,ｙ軸0）３枚目（x軸900,ｙ軸0）と入力。
【6】 各写真をシンボルに変換する。
*配置した写真を選択 → 右クリック（windows）
→シンボルへ変換
→ ムービクリップを選択（基準点は左上）→名前は「○○_mc」
（例）サンプルでは各写真に「p1_mc」「p2_mc」「p3_mc」
「p4_mc」と名前を付けました。
【7】 ボタン（小さな写真）を作る。
*ここでは、【6】で作った４枚の写真を利用します。
*４枚の大きい写真を全て選択 → コピーペースト
*コピーした写真「p1_mc」を選択
→ウィンドウメニュから変形。
→縦横比率「25％」
*縮小した写真をステージの下（白い部分）に配置。
*残り３枚も同じ手順で横に並べましょう。
【8】 ４枚の写真（大きい写真）を選択し、シンボルへ変換する。
*大きい写真４枚を全て選択（【7】の小さい写真は選択しない。）
→ シンボルへ変換（ムービークリップ）（左上基準）。
（例）サンプルでは「Photo_mc」と名前を付けました。
【9】 インスタンス名を付ける。
*【8】で作った「Photo_mc」を選択。
下のプロパティの左側のインスタンス名を「Photo_mc」とする。
*次に「Photo_mc」を選択し一枚目の写真の上でダブルクリック。
そうるすとシーン１から一つ中に入ることができます。
上の「シーン１」の横が「Photo_mc」となっていることを
確認しましょう。自分が今「Photo_mc」というムービクリップ
の中にいることになります。
*それを確認したら、一枚目の写真を選択する。
恐らくこの時点では４枚の写真が全て選択されているので、
いったん写真の外側でクリックして選択解除をしてから、
もう一度１枚目だけ選択すれば大丈夫です。
→ プロパティのインスタンス名を「p1_mc」と名前を付ける。
*２枚目 ３枚目 ４枚目も同様。
「p2_mc」「p3_mc」「p4_mc」と名前を付けましょう。
【10】 Action Scriptを記述する。
*シーン１に戻り、「Photo_mc」を選択
→ プロパティーがムービクリップになっていることを確認。
→ プロパティの右上の小さい矢印を選択しscriptを記述する。
<<記述するscript>>
onClipEvent (enterFrame) {
this._x-=(this._x+position)/3
}
*小さい写真の１枚目を選択。
→ プロパティの右上の小さい矢印を選択し、scriptを記述する。
<<記述するscript>>
on (release) {
_root.Photo_mc.position=_root.Photo_mc.p1_mc._x;
}
Scriptは青字の部分を「p2_mc」「p3_mc」「p4_mc」に変えるだけです。
【12】swfの書き出し
ファイルメニュー → パブリッシュ設定
→ swfにチェック → 保存先を選択 → パブリッシュ
【13】swfのデーターを確認。
Ctrl＋ENTERでムービーが動くかどうか確認してください。
以上です。
試してみて下さい。
