效果及源文件
点击浏览该文件
点击浏览该文件 为了让效果明显一点,修改一下:
点击浏览该文件 简单教程: 其实只是利用两层遮罩合在一起,看一张示意图. 我想明白了原理,接下来就很容易了.
我们制作两个遮罩,这两个遮罩合起来刚好是一个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 } 好了,这就是了,可以测试.因为写得匆忙,如有不明白请看源文件,或者跟帖,不好意思. |