何故、画像がくっついてるんでしょうか？

Question

どうしても理解が出来ませんので、ご質問させていただきます。

使用環境：WindowsXP・Flash8Proです。宜しくお願い致します。

http://suzupara.iinaa.net/gac/dandan/

↑コチラのサイトでサンプルをダウンロードをいたしまして
作成しておりましたところ、うまく作動しませんでした。
全く同じ様に作ったつもりなんですが、違う点をみつけました。

**************************************************************

「btn0_mc」・「waku_mc」は独立してムービークリップなのに
「menu_mc」は上記2つをくっつけて1つの枠として
成り立っています。説明があんまりうまくできません・・
申し訳ございません。

「menu_mc」をマウスでドラッグすると「btn0_mc」・「waku_mc」
の両方ひっついた状態で動きます。
「back_mc」も同様で画像が全てくっついている状態で
ドラッグされます。


自分が作成したのは一つ一つバラバラに動き、
「重なっているだけ」なのです。
※もちろんプレビューしてもうまく動きません
ボタン枠が高速にピカピカ光っているだけです。

**************************************************************

どうすれば画像をまとめる事ができるんでしょうか？？

宜しくお願い致します。

BlurFiltan · Accepted Answer

＃１です。

> サンプルは画像が「透ける」・私の画像は「透けない」
> ココに画像が切り替わらない原因があるのかと考えておりますが
> いかがでしょうか？

関係ないでしょう。
透けると言うよりシェイプの輪郭が線となって見えるのでしょう？
それはシェイプだからです。

シェイプとはベクトル画像のことです。
Flash の 「線ツール」 や 「ブラシツール」 や 「ペンツール」 や 「矩形ツール」 や 「楕円ツール」 などで描いた画像はシェイプで
シェイプには形があるのでその輪郭が見えるだけです。


> サンプルと私の画像の相違点は私のは写真画像、と言う事くらいです。

それが 「透ける」「透けない」 の原因です。
写真画像はシェイプではないので写っている物の輪郭データなど存在しません。
だから透けません。
あえて言うなら 写真画像自体 には輪郭があります。
その 四角い輪郭 でしたら透けて見えるかもしれませんが、
透けて見えたところで 「透けて見える」 というだけのことであって、
「動作する」「動作しない」とは無関係です。



===とにかく以上は無関係です=====================


サンプルの背景画像入りムービークリップをダブルクリックして中を見られましたか？

ライブラリの中のムービークリップを見ても良いですが、
ステージ上のムービークリップをダブルクリックする方が階層がわかりやすいです。

サンプルのページにも図が用意されているでしょう？
その図にあるように、
ムービークリップが階層構造になっているのです。
ムービークリップが「ネスト構造」になっているのです。


ステージ上の背景画像入りムービークリップをダブルクリックして中を見ると、
下の 【図】↓ のようになっていると思います。

例えば、一番上のレイヤー「pic0」のロックをはずして、
そこに表示されている画像を選択し、
プロパティインスペクタ（プロパティパネル）を見るとムービークリップになっていると思います。

画像自体は「シェイプ」ですが、「pic0」レイヤーに配置してあるインスタンスは「ムービークリップ」です。
そのムービークリップに 「pic0」 というインスタンス名を付けてあるので、
スクリプトでその 「pic0」 を操作できるのです。
名前がないと操作できないでしょう？


ですから、「シェイプ」であれ「写真画像」であれ、
そんなことは関係なしに、
とにかく画像をムービークリップにして、
そのムービークリップに対して「インスタンス名」を付ける必要があります。
当然，スクリプトで命令するムービークリップ全部，つまり各ムービークリップ全部です。


その
「画像を ムービークリップ に変換して インスタンス名 を付ける」
という操作が抜けているのではないでしょうか？



※なんとなく...，
　 バージョンに合ったなるべく簡単な本を
　 最初からする方が早道かもしれないと思います。
　 Flash 8 用の本も探せばまだ売っていると思います。
　 「どれが良い？」などという贅沢は言えないと思います。
　 「おしえて!!Flash 8」 とその「アクションスクリプト編」
　 くらいがお薦めですが今ごろあるかどうかは知りません。
　 もしくは
　 ＃１ で書いた「Flash 8 入門講座」の
　 「第１回」からするとか。
　 （古いバージョンの情報は貴重ですよ。
　 本屋さんからもネットからもどんどん消えて行きます。実感。）

BlurFiltan · Answer

Flash の基本は バージョンにかかわらずムービークリップです。
メインのタイムラインも大きなムービークリップだと言えます。

「ムービークリップを作成する」とはすなわちその時点で、
「ムービークリップの入れ子状態を作成する」ということになります。

さらにその「ムービークリップの入れ子状態を作成する」を多重階層化させて、
ムービークリップのネスト構造を作成して、
インタラクティブなムービーを作成します。

例えば「鳥がはばたきながら飛ぶ」というアニメーションを作成するとします。

「鳥本体」と「鳥の翼」を別々のインスタンスで作成した場合、
「鳥本体」は「鳥本体」で動かすトゥイーンまたはActionScriptが必要で、
「鳥の翼」は「鳥の翼」でその翼を羽ばたかせるように動かしながら、
さらに「鳥本体」と同じ座標に翼の付け根を一致させるという
すさまじく難しい トゥイーンまたはActionScriptが必要になってしまいます。

Flash ではそんなことをする必要はありません。
１つのムービークリップの中に 「鳥が翼を動かすだけ」 というアニメーションを作成します。
その 「鳥が翼を動かすだけ」 というムービークリップを動かせば
「鳥がはばたきながら飛ぶ」というアニメーションが簡単にできます。


わかりやすいのでアニメーションを例に取り上げて書きましたが、
これはアニメーションに限りません。

スクロールバー を作る場合でも、
上スクロールボタン と 下スクロールボタン と スライドバー は
同じムービークリップ内に作成しないと、
その扱いもプログラミングもとんでもなく難しいものになってしまいます。


ムービークリップのネスト構造を作るという Flash の基本操作と、
その使い方などを研究してみてください。

Flash 8 入門講座 
第13回　「ムービークリップ」を使いこなそう（後編）
http://itpro.nikkeibp.co.jp/article/COLUMN/20060620/241300/?ST=webdesign
→トゥイーンアニメーションと組み合わせる

複数のタイムラインの使用方法 （CS3 用ビデオです。 重いです。）
http://www.adobe.com/jp/designcenter/video_workshop/?id=vid0128

AdobeTV - Learn Flash CS4 Professional - モーション　トゥイーンの作成Part2
（CS3 用ビデオです。 ネスト構造のアニメーションです。）
http://tv.adobe.com/jp/#vi+f15332v1010

何故、画像がくっついてるんでしょうか？

＃１です。

Flash の基本は バージョンにかかわらずムービークリップです。

似たような質問が見つかりました

関連するカテゴリからQ&Aを探す

デイリーランキングこのカテゴリの人気デイリーQ&Aランキング

マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング

Flash の基本はバージョンにかかわらずムービークリップです。