画像がめくれて切り替わるようなactionscript

質問

下記のサイトのようなボタンをマウスオーバーすると、
画像がめくれるように次の画面に切り替わるようなASはどう設定すればよいのでしょうか？
初心者のため、参考書等を見てもどれを応用すればよいかわからず困っています。
http://sazan.co.jp/

回答No.2

H240S18B73

//transitionsのパッケージに画像きりかえとかの
//エフェクトのクラスが入ってます
import fl.transitions.*;
import fl.transitions.easing.Regular;

//画像表示用のMCつくります
//ついでにマスクもかけときます
var movMC=addChild(new MovieClip()) as MovieClip;
var maskSpr=new Sprite()
with(maskSpr.graphics){
beginFill(0)
drawRect(75,50,400,300)
endFill()
}
with(movMC){
x=75
y=50
mask=maskSpr
addChild(makeImg())
addEventListener(MouseEvent.CLICK,goNext)
}
//クリックされたら次の画像に切り替え開始
//終わるタイミングで前のやつは消してしまう
//なんとTransitionクラスは完了してもイベント送出なし(!)
//setTimeoutなりでタイミング計るしかありません
function goNext(e) {
var time:int=1
var trans=Wipe
TransitionManager.start(movMC.addChild(makeImg()) as MovieClip,{type:trans,duration:time,direction:0,easing:Regular.easeInOut,startPoint:9});
setTimeout(function(){movMC.removeChildAt(0);},time*1000);
}
//テキトーな画像のMCを作るメソッド
function makeImg():MovieClip {
var rtn:MovieClip=new MovieClip();
var bmpData:BitmapData=new BitmapData(400,300);
bmpData.perlinNoise(400,300,Math.random()*10,Math.random()*30,Math.random()>0.5,Math.random()>0.5);
rtn.addChild(new Bitmap(bmpData));
return rtn;
}

バージョンがわからないので勝手にAS3のやつ
ちょっとちがいますが引っ張ってきます

お礼

ソースコード全部書いてくれてどうもありがとうございます！！
感激。バージョンはAS3.0でOKです！

flashで再生できました！

ただAS初心者なのでこれでどう写真に応用すればよいのかわかりません。。
ASは難しいですね、、

ありがとうございます。

回答No.1

YEND77

（リバースエンジニアリングとかしなくて、外見からだけの類推だけど、、、）

はじめはマスクとかでやっているのかな？と思ったけど
短い時間の中でマウスオーバーを繰り返すと何種類も見えるので
たぶん細い画像に分解して、マウスがオーバーしたとき
対応の細い画像を最前面にしているのだと思った。

初期状態 (上が前面、下が背面)
a1 a2 a3 ・・・ a20
b1 b2 b3 ・・・ b20
c1 c2 c3 ・・・ c20
d1 d2 d3 ・・・ d20

cがマウスオーバーされた 1フレーム目
c1 a2 a3 ・・・ a20
a1 b2 b3 ・・・ b20
b1 c2 c3 ・・・ c20
d1 d2 d3 ・・・ d20

cがマウスオーバーされた 2フレーム目
c1 c2 a3 ・・・ a20
a1 a2 b3 ・・・ b20
b1 b2 c3 ・・・ c20
d1 d2 d3 ・・・ d20

bがマウスオーバーされた 1フレーム目(c: 3フレーム目)
b1 c2 c3 ・・・ a20
c1 a2 a3 ・・・ b20
a1 b2 b3 ・・・ c20
b1 d2 d3 ・・・ d20

てな感じだと思う。

お礼

ご回答ありがとうございます！
ただ、初心者なのでよくわかりませんでした。。ごめんなさい。