WEB开发网
开发学院图形图像Flash Flash 图片轮换效果 阅读

Flash 图片轮换效果

 2007-01-03 10:42:01 来源:WEB开发网   
核心提示: lastIndex=thisIndex //让下一次新图片放到旧图片的位置,thisIndex=(thisIndex+1)%imgabbrs.length //显示下一张图片,Flash 图片轮换效果(6),%运算让图片显示最后一张后,可以回到第一张3.3、 在44帧里添加帧代码:goto
lastIndex=thisIndex //让下一次新图片放到旧图片的位置。
thisIndex=(thisIndex+1)%imgabbrs.length //显示下一张图片,%运算让图片显示最后一张后,可以回到第一张

3.3、 在44帧里添加帧代码:

gotoAndPlay(4);

一个切换周期完成。

此时,运行影片,如果图像列表和图片都没有错误的话,图像就会轮着显示,但是现在的效果很生硬。是因为还没有遮罩动画做过渡。

4.1、要添加遮罩了。在遮罩图层的第一帧里创建一个mc,元件名和实例名均为mask。接着在里头添加这么一段形状补间动画:

其中,时间轴上的首尾两帧均加上:

stop();

主时间轴的第四帧追加:

mask.gotoAndPlay(2);

此时运行,效果就不再生硬了,是一个简单的遮罩动画切换效果。

但是,为了更方便地实现随机效果,这种刚才笔者不推荐的做法就不再用了。刚才只是为了方便大家测试效果而已。

5.1、 把时间轴改成下图的设置:

动作脚本中每一帧都是写:

stop();
mask.gotoAndPlay(2);

而遮罩的mc这一图层的不同帧都放置一些跟刚才的形状补间类似的MC动画,实例名均为mask。最好动画的开头都不跟图片容器有接触,结尾则把整个图片容器覆盖。达到遮罩显示新图片的效果。

然后,主场景第四帧控制mask的代码也要跟着改变,把mask.gotoAndPlay(2);改为mask.gotoAndStop(1+random(mask._totalframes-1))。于是每一次切换,mask就会跳转到不同的帧。

上一页  1 2 3 4 5 6 7 8 9  下一页

Tags:Flash 图片 轮换

编辑录入:爽爽 [复制链接] [打 印]
赞助商链接