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

質問

どうしても理解が出来ませんので、ご質問させていただきます。

使用環境：WindowsXP・Flash8Proです。宜しくお願い致します。

http://suzupara.iinaa.net/gac/dandan/

↑コチラのサイトでサンプルをダウンロードをいたしまして
作成しておりましたところ、うまく作動しませんでした。
全く同じ様に作ったつもりなんですが、違う点をみつけました。

**************************************************************

「btn0_mc」・「waku_mc」は独立してムービークリップなのに
「menu_mc」は上記2つをくっつけて1つの枠として
成り立っています。説明があんまりうまくできません・・
申し訳ございません。

「menu_mc」をマウスでドラッグすると「btn0_mc」・「waku_mc」
の両方ひっついた状態で動きます。
「back_mc」も同様で画像が全てくっついている状態で
ドラッグされます。

自分が作成したのは一つ一つバラバラに動き、
「重なっているだけ」なのです。
※もちろんプレビューしてもうまく動きません
ボタン枠が高速にピカピカ光っているだけです。

**************************************************************

どうすれば画像をまとめる事ができるんでしょうか？？

宜しくお願い致します。

回答No.2

BlurFiltan · ベストアンサー

＃１です。

> サンプルは画像が「透ける」・私の画像は「透けない」
> ココに画像が切り替わらない原因があるのかと考えておりますが
> いかがでしょうか？

関係ないでしょう。
透けると言うよりシェイプの輪郭が線となって見えるのでしょう？
それはシェイプだからです。

シェイプとはベクトル画像のことです。
Flash の 「線ツール」 や 「ブラシツール」 や 「ペンツール」 や 「矩形ツール」 や 「楕円ツール」 などで描いた画像はシェイプで
シェイプには形があるのでその輪郭が見えるだけです。

> サンプルと私の画像の相違点は私のは写真画像、と言う事くらいです。

それが 「透ける」「透けない」 の原因です。
写真画像はシェイプではないので写っている物の輪郭データなど存在しません。
だから透けません。
あえて言うなら 写真画像自体 には輪郭があります。
その 四角い輪郭 でしたら透けて見えるかもしれませんが、
透けて見えたところで 「透けて見える」 というだけのことであって、
「動作する」「動作しない」とは無関係です。

===とにかく以上は無関係です=====================

サンプルの背景画像入りムービークリップをダブルクリックして中を見られましたか？

ライブラリの中のムービークリップを見ても良いですが、
ステージ上のムービークリップをダブルクリックする方が階層がわかりやすいです。

サンプルのページにも図が用意されているでしょう？
その図にあるように、
ムービークリップが階層構造になっているのです。
ムービークリップが「ネスト構造」になっているのです。

ステージ上の背景画像入りムービークリップをダブルクリックして中を見ると、
下の 【図】↓ のようになっていると思います。

例えば、一番上のレイヤー「pic0」のロックをはずして、
そこに表示されている画像を選択し、
プロパティインスペクタ（プロパティパネル）を見るとムービークリップになっていると思います。

画像自体は「シェイプ」ですが、「pic0」レイヤーに配置してあるインスタンスは「ムービークリップ」です。
そのムービークリップに 「pic0」 というインスタンス名を付けてあるので、
スクリプトでその 「pic0」 を操作できるのです。
名前がないと操作できないでしょう？

ですから、「シェイプ」であれ「写真画像」であれ、
そんなことは関係なしに、
とにかく画像をムービークリップにして、
そのムービークリップに対して「インスタンス名」を付ける必要があります。
当然，スクリプトで命令するムービークリップ全部，つまり各ムービークリップ全部です。

その
「画像を ムービークリップ に変換して インスタンス名 を付ける」
という操作が抜けているのではないでしょうか？

※なんとなく...，
　 バージョンに合ったなるべく簡単な本を
　 最初からする方が早道かもしれないと思います。
　 Flash 8 用の本も探せばまだ売っていると思います。
　 「どれが良い？」などという贅沢は言えないと思います。
　 「おしえて!!Flash 8」 とその「アクションスクリプト編」
　 くらいがお薦めですが今ごろあるかどうかは知りません。
　 もしくは
　 ＃１ で書いた「Flash 8 入門講座」の
　 「第１回」からするとか。
　 （古いバージョンの情報は貴重ですよ。
　 本屋さんからもネットからもどんどん消えて行きます。実感。）

お礼

BlurFiltan様

いつも丁寧なご回答をいただきまして誠に感謝いたします。

「Flash 8 入門講座」を最初から読み勉強していきたいと
思います。
シェイプの件、大変解りやすく　やっと理解ができました。
何故動かないのかと　もう一度全ての見直しを
行い"インスタンス名"をチェックしてみましたところ
ある1部分の名前違っておりましたために
動作を行っておりませんでした・・・

直すとサンプルと同じ動きをしてくれて
完成いたしました。

本当にいつも助けていただきまして
有難うございます！！

もう一度　原点に帰り１から勉強をして
古い本など読み漁りたいと思っております。
本当に有難うございました。

回答No.1

BlurFiltan

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

お礼

BlurFiltan様

以前にも大変丁寧で解り易い回答をいただきまして
有難うございました。
この度もお世話になります　何卒、宜しくお願い致します。

早速参考にさせていただきまして、作成に取り掛かっております。
画像が何故ひっついているかが理解できました
「ライブラリ」の画像部分でダブルクリックを行い
そこで画像を重ねて編集をしましたところ出来ました。

ですが、サンプルの画像はドラッグをすると4枚全ての
画像が透けてカーソルにひっついてくるのですが
私の画像は透けずにひっついてしまいます。

ボタンは正常に作動いたしますが
肝心の画像が切り替わってくれません・・・

サンプルは画像が「透ける」・私の画像は「透けない」
ココに画像が切り替わらない原因があるのかと考えておりますが
いかがでしょうか？

サンプルと私の画像の相違点は私のは写真画像、と言う事くらいです。
※画像もアップさせていただいておりますので
ご確認いただけますと幸いです。