效果及源文件
点击浏览该文件 点击浏览该文件为了让效果明显一点,修改一下:
点击浏览该文件简单教程:
其实只是利用两层遮罩合在一起,看一张示意图. 我想明白了原理,接下来就很轻易了.
我们制作两个遮罩,这两个遮罩合起来刚好是一个300*100的矩形.而被遮罩部分(mask1,mask2)是两个排列顺序不同的section1-section4.
好了,先制作出mc1,大小是300*100,同样的画出section2,section3,section4.注重对齐中心.
接下来制作出mask1,新建一个mc,把刚才的section1~section4,拖入,排列如第一图,注重对齐中心.同样的制作mask2.如第一图. 好了,接下来我们制作遮罩部分.
回到主场景中,画一300*100的矩形,居中对齐.新建一层(第二层),选取矩形的部分,剪切并粘贴到第二层中(shift+ctrl+s) 在第一层,第二层下各新建一层(第三层,第四层),把我们制作的mask1,和mask2分别放到放到第三层和第四层,并居中对层.它们的实例名分别是mask1和mask2.
在mask1上输代码:
onClipEvent(load){
target_y=250;
target_x=425;
}
onClipEvent(enterFrame){
_y+=(target_y-_y)*0.5;
_x+=(target_x-_x)*0.5;
}
在mask2上输入代码:
onClipEvent(load){
target_y=150;
target_x=125;
}
onClipEvent(enterFrame){
_y+=(target_y-_y)*0.5;
_x+=(target_x-_x)*0.5;
}
最后在最上面新建一层,用来放置按钮. 制作出1,2,3,4四个按钮. 按钮1上的代码:
on(release){
mask1.target_y=250
mask1.target_x=425
mask2.target_y=150
mask2.target_x=125
}
按钮2:
on(release){
mask1.target_y=250
mask1.target_x=125
mask2.target_y=250
mask2.target_x=425
}
按钮3:
on(release){
mask1.target_y=150
mask1.target_x=425
mask2.target_y=250
mask2.target_x=125
}
按钮4:
on(release){
mask1.target_y=150
mask1.target_x=125
mask2.target_y=150
mask2.target_x=425
}
好了,这就是了,可以测试.因为写得匆忙,如有不明白请看源文件,或者跟帖,不好意思.