一つのレイヤーのみフィルターをかける方法

質問

FLASH８です。

写真の自動スライドショー的なものを作成しようとしています。
あるサイトにあった無料スクリプトをコピペし、表示は問題なくできるようになりました。
そのスクリプトは外部から写真を読み込み、画像と画像のフェードイン・アウト時にブラーエフェクトでつないでいくものです。（下記参照）

これにレイヤーを一つ追加し、追加したレイヤー（上階層）はずっと表示させておきたいのですが、そのレイヤーの画像にまでエフェクトがかかってしまいます。

エフェクトをかからないようにする方法はありませんか？

ちょっと説明が足り無いかもしれないんですが、何の情報を言ったらいいか分からないので、よければ補足要求いただければ回答いたします。
よろしくお願い致します。

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

import flash.filters.BlurFilter;
var picsArray:Array = new Array("flash/01.jpg","flash/02.jpg","flash/03.jpg","flash/04.jpg");
var filter:BlurFilter = new BlurFilter(0, 0, 3);
var picNum:Number = 0;
var nextPic_int:Number
var picHolder:MovieClip = _root.createEmptyMovieClip("picHolder", 1);

function fadeOut(){
clearInterval(nextPic_int);
picHolder.onEnterFrame = function(){
if(this._alpha > 0){
this._alpha -= 1;
filter.blurX = (100 - this._alpha) / 4;
filter.blurY = (100 - this._alpha) / 4;
this.filters = [filter];
}else{
delete this.onEnterFrame;
loadPic();
}
}
}

function loadPic(){
trace("picNum: " + picNum);
//load the pic here
picHolder.createEmptyMovieClip("pic", 1);
picHolder._alpha = 0;
picHolder.pic.loadMovie(picsArray[picNum], 1);
picHolder.onEnterFrame = function(){
if(picHolder.pic.getBytesLoaded() > 4 && picHolder.pic.getBytesLoaded() == picHolder.pic.getBytesTotal()){
this.onEnterFrame = function(){
if(this._alpha < 100){
this._alpha += 2;
filter.blurX = (100 - this._alpha) / 4;
filter.blurY = (100 - this._alpha) / 4;
this.filters = [filter];
}else{
delete this.onEnterFrame;
nextPic_int = setInterval(fadeOut, 10000);
}
}
}
}
if(picNum == picsArray.length - 1){
picNum = 0;
}else{
picNum++;
}
}
loadPic();
stop();

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

回答No.1

BlurFiltan · ベストアンサー

根本的にやりかたが間違っていると思います。
と言いますかいけませんねぇ。

書かれていらっしゃるような簡単な動きは，
とりあえずモーショントゥイーンで作ってみるのが本来の作成方法だと思います。

お持ちの Flash 8 が，
「Flash Basic 8」 でしたら無理ですが 「Flash Professional 8」 でしたら
ぼかしが変化するモーショントゥイーンなど簡単に作成できます。

それを飛ばして，
いきなり他者のActionScriptをコピペするだけで始めようと思うから，先へすすめなくなるのです。
（Flash Basic 8 でしたら，ぼかしフィルタの使用は ActionScript から始めるしかありませんけどね。）

※同じ事をするのでも， Basic 8 は
　 Professional 8 に比べると難しいことをしなければなりません。
　 機能が Basic（基本機能しか付いていない）というだけで
　 どっちかと言うと Professional 8 よりプロ向きです。

＝＝＝以上はさておき回答です＝＝＝＝＝＝＝＝＝＝＝

＞ そのレイヤーの画像にまでエフェクトがかかってしまいます。

まずものの見方をしっかりした方が良いでしょう。
観察が大切です。

そのレイヤーの画像にはエフェクトはかかりません。
そのレイヤーの画像が，外部JPEGの下敷きになって見えなくなるのです。

外部JPEGにエフェクトがかかるので，そのエフェクトの下敷きになるだけのことです。
よく観察すればそうだとわかります。

＞エフェクトをかからないようにする方法はありませんか？

したがって，この訊ね方も間違っているということになります。
「そのレイヤーに置いた画像を常に外部JPEGの上に表示させる方法はありませんか？」
が正解に近い訊ね方になります。

◎ 解決策

まず，この↓１行のスクリプトを消すかコメントアウトします。

var picHolder:MovieClip = _root.createEmptyMovieClip("picHolder", 1);

そして，
常に表示させたい画像の下のレイヤーに，
空のムービークリップを手動で作成して，
その空のムービークリップに「picHolder」というインスタンス名を付けます。

これで終わりです （★図を参照のこと↓）。

※なお，空のムービークリップは，
　 ステージ上に何かを描いてそれをムービークリップに変換し，
　 そのムービークリップ内のタイムラインの編集に入って，
　 最初に描いた何かを消せばできあがりです。
　 メインのタイムラインの編集に戻ると
　 小さな ○ みたいなものだけが残っています。
　 それが空のムービークリップです。

◎ 上の操作をした内容の意味

消したスクリプトの

　_root.createEmptyMovieClip("picHolder", 1);

ここで_root（メインのタイムライン）の「深度1」に空のムービークリップ「picHolder」が作成されます。

「深度1」というのは，
ActionScriptでしかムービークリップなどを置けない，
上の上のはるか上のレイヤーのような配置順序＝Z順序です。
(※Z順序とは X-Y平面に対する高さZの順序という意味です。)
(※なおこれは階層とは言いません。階層とはムービークリップ階層のことを指す場合が大半です。)

手動でムービークリップを配置する場合は，
いくら頑張っても負（マイナス）の深度にしか配置できません。

「深度1」などという高い高い場所にムービークリップ「picHolder」を作成して，
その「picHolder」内に外部JPEGをロード表示させているために，
手動でレイヤーに配置した画像などは必ずJPEGの下敷きになってしまうのです。

そこで，
「深度1」などという高い高い場所にムービークリップ「picHolder」を作成するのではなくて，
手動で下レイヤーに空のムービークリップ「picHolder」を配置しなおします。
すると，
そのレイヤーの「picHolder」に外部JPEGがロードされるので，
それより上のレイヤーに配置した画像などが見えるようになります。

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

この辺は，ActionScriptなどだけで解決しようと思うと難しくなるだけです。
だから，
わけもわからず ActionScriptコピペ などでするより，
まずは自力でモーショントゥイーンなどを使って動かすようなことから始める方が良いのです。
モーショントゥイーンなどから始めていれば，すぐに解決策は思い付きます。

お礼

度々の回答まことにありがとうございます。

仰るとおりちょっとずるしましたね(^^;)
教えて頂いた解決方法でばっちりになりました！

他人のスクリプトは、簡単で早いですが自分の身にはなりませんね。
ただ、こうして教えて頂いたことで、何が書いてあるのかが理解できて、これはこれで良かったと思います。

分かりやすい解決方法、本当にありがとうございました。